
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 — Монастырская каменная галерея — тихое пространство с бетонными стенами, где на белых постаментах стоят флако…
- Basic.Space — кураторская галерея на белом мраморе