Zellerfeld
Мастерская скульптора на белом мраморе — монолитные поверхности постамента, единственная искра кобальта, шепот строчных букв от пола до потолка
Zellerfeld воспринимается как галерея цифровых скульпторов на белом мраморе — торговая площадка обуви, напечатанной на 3D-принтере, где монохромные поверхности, обилие свободного пространства и крупный шрифт с строчными буквами позволяют каждому продукту вести себя как музейный экспонат. Интерфейс отличается предельной сдержанностью: ахроматическое полотно с единственным электрическим кобальтовым цветом (#000aff), зарезервированным для срочных моментов — значки, активная навигация «Магазин», состояние текущего слайда. Карточки парят на теплом жемчужно-сером фоне, а не на чисто белом, придавая сетке тактильную, гипсовую отливку. Шрифт остается единственным пользовательским гротескным шрифтом (Roobert) с плотным межбуквенным расстоянием, а Space Mono используется только для цен, позиций и технических метаданных. В результате страница продукта больше похожа на сайт дизайнерской прессы, чем на кассу в розничном магазине — объекты фотографируются, а не продаются.
Страница занимает всю ширину страницы и имеет 1440px контентную полосу. Главный элемент — это полноэкранный фотобаннер с плавающим наложением пользовательского интерфейса. Разделы товаров используют 4-колоночную сетку, которая сворачивается до 2 на планшетах и 1 на мобильных устройствах. Ритм разделов: крупная характеристика товара → рейтинговая редакционная сетка → сетка новых релизов → панель с контактной информацией для прессы. Каждый раздел товара центрирует свой контент внутри полосы и использует 80px вертикальное пространство между разделами. Навигация представляет собой фиксированную верхнюю панель в один ряд с тонкой полосой объявлений над ней. Карточки товаров выравниваются по строгой сетке — область изображения всегда центрирует силуэт обуви с 40px верхним/нижним отступом внутри карточки, кластер метаданных привязывается к нижнему левому углу с фирменным знаком 40x40.
Предметная фотография является доминирующим визуальным элементом — каждая туфля сфотографирована на чисто белой или оштукатуренной поверхности под углом три четверти, заполняя всю карточку без какого-либо контекста, модели или окружения. Главный элемент — это полноценная лайфстайл-фотография: обрезанные снимки ног и обуви на песке или бетонном полу, всегда в человеческом масштабе, никогда не идеально студийные. Принцип «объект — это главный элемент» — обувь занимает 40% видимой части кадра даже в главном элементе редакции. Никаких декоративных графических элементов, абстрактных узоров, иллюстраций. Иконки — линейные, обведенные черным цветом, никогда не залитые, никогда не цветные.
Палитра
Бренд
- Electric Cobalt
#000aff— Новые значки, активная навигационная панель, индикатор текущего слайда, моменты активации — единственный хроматический сигнал в системе, используемый экономно, чтобы восприниматься как активация, а не как украшение.
Нейтральные
- Pale Iris
#e5e7ff— Новая цветовая заливка для бейджей, мягкий блик, тонированная поверхность для вариантов обозначений — приглушенный оттенок кобальта, который намекает на цвет, не нарушая монохромную гамму. - Ink Black
#111111— Основной текст, границы по умолчанию, обводка значков, тонкие разделители — доминирующий структурный цвет для заголовков, списков и ссылок. - Pure White
#ffffff— Нейтральные состояния форм, текст значка и сдержанная обратная связь пользовательского интерфейса, где цвет должен оставаться ненавязчивым. Не следует делать его основным цветом призыва к действию. - Plaster
#ecedee— Вторичная поверхность для карточек товаров, фон панели навигации, плавный приподнятый уровень над холстом. - Slate
#a1a4aa— Оттенок рамки карточки, нейтральная заливка кнопки, приглушенная рамка кнопки — серый цвет, который подчеркивает края карточки, не затемняя их. - Fog
#d7d7d7— Светлая рамка карточки, разделительные линии, тонировка неактивной поверхности.
Типографика
от 13 до 128px · 7 ступеней
- Roobert — замена: Inter · начертания 400, 500, 600, 700 · Основной фирменный шрифт — используется для всего, от основного текста до заголовка. Межстрочный интервал шрифта одинаков для всех размеров, что позволяет сделать строчную букву логотипа плотной, скульптурной массой. Толщина шрифта увеличивается в зависимости от контекста: 400 для основного текста и пользовательского интерфейса, 500 для выделенных заголовков, 600 для названий продуктов, 700 для крупных заголовков.
- Space Mono — замена: JetBrains Mono · начертания 400, 600 · Технические метаданные — цены (€189,00), числовые значения позиций в топ-10, тикеры, названия магазинов. Добавляются там, где страница должна восприниматься скорее как техническая спецификация, чем как рекламный текст.
- Arial — замена: Inter · начертания 400 · Arial — обнаружен в извлеченных данных, но не описан ИИ.
Интервалы и форма
| Назначение | Значение |
|---|---|
| Плотность | средняя |
| Базовый шаг | 16px |
| Радиус кнопок | 10px |
| Радиус карточек | 10px |
| Тени | минимальные |
| Между секциями | 80px |
| Ширина страницы | 1440px |
ИИ соберёт ваш сайт в стиле Zellerfeld и наполнит его
- Наполнит товарами и постами по ссылке — Instagram, TikTok, Facebook.
- Перенесёт контент со старого сайта — достаточно указать адрес.
- Современный дизайн на лучшем движке: React (Next.js) с серверным рендерингом и SEO-оптимизацией из коробки.
- Полная автоматическая SEO-оптимизация под поисковую выдачу и рекомендации нейросетей.
Похожие стили
- Airbnb — Тихая белая стена галереи с одной кораллово-красной закладкой
- Apple (España) — белая витрина галереи
- Silencio — Белая комната с парящими артефактами. Галерейная витрина из теплой бумаги, где каждый элемент занимает свое …
- Oakâme — Залитая солнцем провансальская мастерская, высеченная из теплого камня
- Nike — Монохромная галерея спортивных достижений — белые стены, продукт как произведение искусства, хром, растворен…
- Arc — индустриальная белая галерея над полуночной водой
- Rivian — Электрический монолит на бетонной стене галереи. Rivian представляет каждый автомобиль как скульптуру на фон…
- Analogue — Черная галерейная витрина — товары парят в пустоте
- ddna — тёплая музейная витрина на необработанном льняном полотне
- UY Studio — Монастырская каменная галерея — тихое пространство с бетонными стенами, где на белых постаментах стоят флако…
- Basic.Space — кураторская галерея на белом мраморе
- COS — модная галерея с белыми стенами