Телеграм, WhatsApp +380637610482
Валерий Данюк
Валерий ДанюкразработчикРазработка ИИ‑инструментов для бизнеса. Качественно. Недорого.Написать в Telegram
COS — превью сайта в этом стиле

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 — кураторская галерея на белом мраморе