Zellerfeld
Работилница на скулптор върху бял мрамор — монолитните повърхности на пиедестала, една-единствена искра кобалт, шепот от малки букви от пода до тавана
Zellerfeld се усеща като галерия от дигитални скулптори върху бял мрамор – пазар за 3D-принтирани обувки, където монохромните повърхности, изобилието от бяло пространство и големите шрифтове с малки букви позволяват на всеки продукт да действа като музеен експонат. Интерфейсът е изключително сдържан: ахроматично платно с един електрическо-кобалтов цвят (#000aff), запазен за спешни моменти – икони, активна навигация „Магазин“ и текущо състояние на слайда. Картите се носят на топъл перленосив фон, а не на чисто бял, което придава на мрежата тактилен, гипсов отлив. Шрифтът остава единичен персонализиран sans-serif (Roobert) с плътно разстояние между буквите, а Space Mono се използва само за ценообразуване, списъци с продукти и технически метаданни. В резултат на това продуктовата страница се усеща по-скоро като сайт за дизайнерска преса, отколкото като каса на дребно – обектите се снимат, а не се продават.
Страницата обхваща цялата ѝ ширина и разполага със лента със съдържание от 1440 пиксела. Основният елемент е банер със снимки на цял екран с плаващо наслагване на потребителския интерфейс. Продуктовите секции използват мрежа с 4 колони, която се свива до 2 на таблети и 1 на мобилни устройства. Ритъмът на секциите е: голямо описание на продукта → мрежа с редакционни оценки → мрежа с нови издания → панел с информация за контакти за пресата. Всяка продуктова секция центрира съдържанието си в лентата и използва 80 пиксела вертикално пространство между секциите. Навигацията е фиксирана горна лента в един ред с тънка рекламна лента над нея. Картите на продуктите са подравнени по строга мрежа – областта на изображението винаги е центрирана върху силуета на обувката с 40 пиксела горно/долно отстъпване в картата, а клъстерът с метаданни е закрепен в долния ляв ъгъл с лого на марката 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 — Електрически монолит върху бетонната стена на галерията. Ривиан представя всяко превозно средство като скулптура на фона на огромно бяло пространство, с типография, толкова голяма, че се превръща в архитектурен елемент, и един-единствен топъл жълт цвят, който разчупва монохромната атмосфера, като слънчева светлина върху матова повърхност.
- Analogue — Черна витрина за галерия – стоките се носят в празнотата
- ddna — топла музейна витрина върху необработен лен
- UY Studio — Каменната галерия на манастира е тихо пространство с бетонни стени, където парфюмни бутилки стоят на бели постаменти, осветени от една 400-ватова лампа и четири топли сиви крушки.
- Basic.Space — кураторска галерия върху бял мрамор
- COS — модерна галерия с бели стени