COS
модна галерея з білими стінами
COS використовує візуальну граматику сучасної художньої галереї: величезні білі стіни, великоформатні монохромні фотографії та друкарня, що не заважає моделі. Інтерфейс практично безбарвний - ахроматичний - використовує майже чорний (#080808) на чисто білому (#ffffff) як єдиний структурний контраст, з єдиним червоним (#c80000), залишеним як ледь помітний акцент для моментів, які повинні відчуватися терміново, але не кричати. Інтервали великі та відповідають редакційному стилю, відступи розділів досягають 135px, а компоненти розчиняються на сторінці: тонкі межі на #dadada, без тіней, без градієнтів, без закруглених кутів. Друкарня (SuisseIntl) — єдиний орнамент — єдине гротескне сімейство шрифтів, яке залишається незмінним від 12px мікро-міток до 35px описів категорій, злегка зміщуючись у бік позитиву, щоб нагадувати друковані таблички галереї.
Модель сторінки з повним заповненням – полотно простягається від краю до краю без контейнера максимальної ширини, а контент закріплюється за рахунок поділу зображень та порожнього простору, а не центрованої колонки. Герой є вертикальним поділом 50/50 двох повнорозмірних редакційних портретів, настільки домінуючим, що він служить структурною візитною карткою бренду. Під героєм розділи чергуються між текстовими блоками на білому тлі (центрованими в одну колонку) та додатковими зображеннями з повним заповненням. Вертикальний просторовий ритм: відступи між розділами створюють відчуття простору між смугами, як на музейній стіні. Навігація являє собою одну тонку білу смугу з центрованим логотипом і вирівняним праворуч селектором локалі - немає горизонтальної панелі категорій, немає мега-меню, видимого в основному фреймі. Щільність інформації низька: одне твердження розділ, одне зображення на ідею.
На сторінці домінують великоформатні редакційні фешн-фотографії – портрети на всю ширину сторінки та знімки моделей у три чверті зростання при контрольованому студійному освітленні, переважно нейтральному та приглушеному з використанням теплих тонів. Зображення є щільними кадрами, що заповнюють простір від краю до краю без закруглених кутів, декоративних масок і накладених рамок. Фірмовим прийомом є рамка «два портрети поруч» (MUJER / HOMBRE): два однаково важливі портрети, розташовані поруч, кожен з яких має одну мітку категорії в лівому нижньому кутку. Фотографії оформлені як галерейні відбитки – об'єкт на першому місці, контекст відсутній, людський масштаб, монохромна гама. Жодних сцен із життя, жодного реквізиту, жодних текстурних фонів.
Палітра
Нейтральні
- Canvas White
#ffffff— Легка опорна поверхня для створення ненав'язливого фону та розділення розділів. Не слід виділяти її як основний колір заклику до дії. - Ink Black
#080808— Основний текст, значки, посилання, тип навігації, межі кнопок, логотип, текст нижнього колонтитула — м'якіший, ніж чисто чорний, щоб фотографії не виглядали на його тлі надто чіткими. - True Black
#000000— Накладення основного тексту на темні зображення, основний текст, написи на кнопках абсолютно чорний колір використовується тільки для найбільш контрастних типографічних елементів. - Mist Gray
#dadada— Тонкі межі, підкреслення полів введення, ледь помітні роздільники, контури у відключеному стані – найтихіший нейтральний відтінок, видимий лише тому, що він поділяє. - Signal Red
#c80000— Червоний колір є додатковим акцентом для декоративних деталей та підкреслення низьких частот.
Друкарня
від 12 до 35px · 3 ступенів
- SuisseIntl — заміна: Neue Haas Grotesk Display · зображення 400, 500, 700 · Єдиний шрифт на всьому інтерфейсі – використовується для навігації, основного тексту, заголовків, кнопок та опису товарів. Позитивний міжлітерний інтервал (0,01–0.04em) незвичайний для екранного шрифту та посилює відчуття друкованого каталогу; товщина 700 зарезервована для опису категорій, 500 - для навігації та кнопок, 400 - для решти. Фірмовий стиль - використання одного сімейства шрифтів і дуже маленький діапазон розмірів (12-35px) - шрифт ніколи не кричить.
Інтервали та форма
| Призначення | Значення |
|---|---|
| Щільність | простора |
| Базовий крок | 8px |
| Радіус кнопок | 0px |
| Радіус карток | 0px |
| Тіні | ні — межі замість тіней |
| Між секціями | 135px |
ІІ збере ваш сайт у стилі COS і наповнить його
- Наповнить товарами та постами за посиланням - Instagram, TikTok, Facebook.
- Перенесе контент зі старого сайту – достатньо вказати адресу.
- Сучасний дизайн на кращому движку: React ( Next.js) з серверним рендерингом та SEO-оптимізацією з коробки.
- Повна автоматична SEO-оптимізація під пошукову видачу та рекомендації нейромереж.
Схожі стилі
- Airbnb — Тиха біла стіна галереї з однією коралово-червоною закладкою
- Apple (España) — біла вітрина галереї
- Silencio — Біла кімната з артефактами. Галерейна вітрина з теплого паперу, де кожен елемент займає своє місце на тлі негативного об'єму, а тиша є навмисним дизайнерським рішенням
- Oakâme — Залита сонцем провансальська майстерня, висічена з теплого каменю
- Nike — Монохромна галерея спортивних досягнень — білі стіни, продукт як витвір мистецтва, хром, розчинений у фоні
- Arc — індустріальна біла галерея над опівнічною водою
- Rivian — Електричний моноліт на бетонну стіну галереї. Rivian представляє кожен автомобіль як скульптуру на тлі величезного білого простору, з типографікою настільки великою, що вона стає архітектурним елементом, і одним теплим жовтим кольором, який порушує монохромність, подібно до сонячного світла на матовій поверхні
- Analogue — Чорна галерейна вітрина — товари ширяють у порожнечі
- ddna — тепла музейна вітрина на необробленому лляному полотні
- Zellerfeld — Майстерня скульптора на білому мармурі - монолітні поверхні постаменту, єдина іскра кобальту, шепіт малих літер від підлоги до стелі.
- UY Studio — Монастирська кам'яна галерея — тихий простір із бетонними стінами, де на білих постаментах стоять флакони з парфумами, освітлені одним світильником потужністю 400 Вт та чотирма теплими сірими лампами.
- Basic.Space — кураторська галерея на білому мармурі