Zellerfeld
Sochárska dielňa na bielom mramore – monolitické povrchy podstavca, jediná iskra kobaltu, šepot malých písmen od podlahy až po strop
Zellerfeld pôsobí ako galéria digitálnych sochárov na bielom mramore – trhovisko pre 3D tlačené topánky, kde monochromatické povrchy, množstvo bieleho priestoru a veľké malé písma umožňujú každému produktu pôsobiť ako múzejný exponát. Rozhranie je extrémne zdržanlivé: achromatické plátno s jednou elektrickou kobaltovou farbou (#000aff) vyhradenou pre naliehavé okamihy – ikony, aktívnu navigáciu „Obchod“ a aktuálny stav slajdov. Karty sa vznášajú na teplom perleťovo sivom pozadí, nie na čisto bielom, čo dodáva mriežke hmatateľný, sadrový odliatok. Písmo zostáva jedno vlastné bezpätkové (Roobert) s tesným rozstupom písmen a Space Mono sa používa iba na ceny, zoznamy produktov a technické metadáta. Výsledkom je, že stránka produktu pôsobí skôr ako webová stránka dizajnérskej tlače než ako pokladňa v maloobchode – objekty sú fotografované, nie predávané.
Stránka sa rozprestiera cez celú šírku stránky a obsahuje obsahový pás s rozmermi 1440 pixelov. Hlavným prvkom je celoobrazovkový fotografický banner s plávajúcim prekrytím používateľského rozhrania. Sekcie produktov používajú mriežku so 4 stĺpcami, ktorá sa na tabletoch zmenšuje na 2 a na mobilných zariadeniach na 1. Rytmus sekcií je: veľký popis produktu → mriežka redakčného hodnotenia → mriežka nových vydaní → panel s kontaktnými informáciami pre tlač. Každá sekcia produktu vycentruje svoj obsah v páse a medzi sekciami používa 80 pixelov vertikálneho priestoru. Navigácia je tvorená pevným horným panelom v jednom riadku s tenkým reklamným pásom nad ním. Karty produktov sú zarovnané podľa prísnej mriežky – oblasť obrázka je vždy vycentrovaná na siluetu topánky so 40 pixelmi horného/dolného odsadenia v rámci karty a klaster metadát je ukotvený v ľavom dolnom rohu s logom značky s rozmermi 40x40.
Dominantným vizuálnym prvkom je produktová fotografia – každá topánka je vyfotografovaná na čisto bielom alebo sadrovom povrchu v trojštvrťovom uhle, pričom vypĺňa celú kartu bez akéhokoľvek kontextu, modelu alebo okolia. Hlavným prvkom je plnohodnotná lifestylová fotografia: orezané zábery nôh a topánok na piesku alebo betóne, vždy v ľudskej mierke, nikdy nie v dokonale štúdiovej kvalite. Platí princíp „subjekt je hlavným prvkom“ – topánky zaberajú 40 % viditeľnej plochy záberu, a to aj v hlavnom redakčnom prvku. Nepoužívajú sa žiadne dekoratívne grafické prvky, abstraktné vzory ani ilustrácie. Ikony sú lineárne, obrysované čiernou farbou, nikdy nie vyplnené, nikdy nie farebné.
Paleta
Značka
- Electric Cobalt
#000aff— Nové ikony, aktívny navigačný panel, indikátor aktuálneho slajdu, aktivačné momenty – jediný chromatický podnet v systéme, používaný striedmo, aby bol vnímaný skôr ako aktivácia než ako dekorácia.
Neutrálny
- Pale Iris
#e5e7ff— Nová farebná výplň pre odznaky, jemné zvýraznenie a tónovaný povrch pre možnosti označovania – tlmený kobaltový odtieň, ktorý naznačuje farbu bez narušenia monochromatickej palety. - Ink Black
#111111— Hlavný text, predvolené orámovanie, obrysy ikon, tenké oddeľovače – dominantná štrukturálna farba pre nadpisy, zoznamy a odkazy. - Pure White
#ffffff— Neutrálne stavy formulárov, text ikon a diskrétna spätná väzba používateľského rozhrania by sa mali používať tam, kde farba zostáva nenápadná. Nepoužívajte ju ako primárnu farbu pre výzvy na akciu. - Plaster
#ecedee— Sekundárny povrch pre karty produktov, pozadie navigačného panela, hladká vyvýšená úroveň nad plátnom. - Slate
#a1a4aa— Tieň rámčeka karty, neutrálna výplň tlačidla a tlmený okraj tlačidla sú sivé odtiene, ktoré zvýrazňujú okraje karty bez toho, aby ich stmavovali. - Fog
#d7d7d7— Rámček svetlej karty, deliace čiary, tónovanie neaktívneho povrchu.
Typografia
od 13 do 128px · 7 krokov
- Roobert — náhrada: Inter · obrysy 400, 500, 600, 700 · Primárne písmo značky sa používa pre všetko od textu až po nadpisy. Riadkovanie je konzistentné vo všetkých veľkostiach, čo umožňuje malým písmenám loga mať hustú, sochársku hmotu. Hmotnosť písma sa zvyšuje v závislosti od kontextu: 400 pre text a používateľské rozhranie, 500 pre zvýraznené nadpisy, 600 pre názvy produktov a 700 pre veľké nadpisy.
- Space Mono — náhrada: JetBrains Mono · obrysy 400, 600 · Technické metadáta – ceny (189,00 €), číselné hodnoty pre prvých 10 pozícií, symboly tickerov a názvy obchodov – sú pridané tam, kde by stránka mala byť vnímaná skôr ako technická špecifikácia než ako propagačný text.
- Arial — náhrada: Inter · obrysy 400 · Arial – Nachádza sa v extrahovaných dátach, ale umelá inteligencia ho nepopisuje.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priemerný |
| Základný krok | 16px |
| Polomer tlačidla | 10px |
| Polomer karty | 10px |
| Tiene | minimálny |
| Medzi sekciami | 80px |
| Šírka stránky | 1440px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Zellerfeld a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Airbnb — Tichá biela galerijná stena s jedinou koralovo červenou záložkou
- Apple (España) — biela vitrína na galériu
- Silencio — Biela miestnosť s vznášajúcimi sa artefaktmi. Galériová expozícia vyrobená z teplého papiera, kde každý prvok zaujme svoje miesto na pozadí negatívneho objemu a ticho je zámerným dizajnérskym rozhodnutím.
- Oakâme — Slnkom zaliata provensálska dielňa vytesaná z teplého kameňa
- Nike — Monochromatická galéria športových úspechov – biele steny, produkt ako umelecké dielo, chróm rozpustený v pozadí
- Arc — priemyselná biela galéria nad polnočnou vodou
- Rivian — Elektrický monolit na betónovej stene galérie. Rivian prezentuje každé vozidlo ako sochu na pozadí rozľahlého bieleho priestoru s typografiou takou veľkou, že sa stáva architektonickým prvkom, a jedinou teplou žltou farbou, ktorá prelamuje monochromatickú atmosféru, ako slnečné svetlo na matnom povrchu.
- Analogue — Čierna galerijná vitrína – tovar sa vznáša v prázdnote
- ddna — teplá múzejná vitrína na neošetrenom ľane
- UY Studio — Kamenná galéria kláštora je tichý priestor s betónovými stenami, kde na bielych podstavcoch stoja fľaštičky s parfumami, osvetlené jednou 400-wattovou lampou a štyrmi teplými sivými žiarovkami.
- Basic.Space — kurátorská galéria na bielom mramore
- COS — moderná galéria s bielymi stenami