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 — Манастырская каменная галерэя - ціхая прастора з бетоннымі сценамі, дзе на белых пастаментах стаяць флаконы з духамі, асветленыя адной свяцільняй магутнасцю 400 Вт і чатырма цёплымі шэрымі лямпамі.
- Basic.Space — куратарская галерэя на белым мармуры
- COS — модная галерэя з белымі сценамі