
Nike
Monochromatická galerie sportovních úspěchů – bílé stěny, produkt jako umělecké dílo, chrom rozpuštěný v pozadí
Nike.com funguje jako monochromatická galerie zaměřená především na produkty: uživatelské rozhraní je prakticky neviditelné, takže fotografie produktů zabírají každou obrazovku. Celé rozhraní je vyrobeno z černé, bílé a tří odstínů šedé – žádné akcentové barvy, žádné dekorativní přechody, žádný teplý, charakteristický chrom. Charakteristický styl Nike se nachází v logu galerie a na fotografiích, ale nikdy v samotném uživatelském rozhraní. Typografie je kompaktní a utilitární, spoléhá na speciálně navrženou rodinu písem Helvetica Now o velikosti 12–20 pixelů, s jediným, nadrozměrným logem Nike Futura ND o velikosti 76 pixelů pro nadpisy. Komponenty jsou minimalistické: tlačítka ve tvaru pilulky s poloměrem 30 pixelů, ploché karty produktů, tenké okraje a prakticky nulové výškové rozdíly. Stránka střídá čistě bílé povrchy produktů a výrazné, tmavé redakční sekce, čímž vytváří rytmus spíše kontrastem než ornamenty.
Stránka se řídí robustním redakčním rytmem: výrazná tmavá hlavička na celou šířku s jedním produktem a velkým názvem, následovaná mřížkou kategorií 2x2 na celou šířku, vodorovně posouvající se mřížkou karet produktů ve 3 sloupcích a nakonec hustou patičkou s více sloupci. Všechny bloky obsahu zabírají celou šířku zobrazovací oblasti bez maximální šířky kontejneru; omezení maximální šířky se vztahuje pouze na navigaci a mřížku odkazů v patičce. Přechody mezi sekcemi jsou ostré: černá hlavička → bílá mřížka kategorií → bílá mřížka produktů → bílá patička s úzkými šedými okraji sloužícími jako jediný vizuální spoj. Navigace je minimalistická, dvouúrovňová lišta (pomocné odkazy nahoře, primární kategorie vycentrované) bez připnutí, bez výplně pozadí a bez stínů. Hustota obsahu je kompaktní v mřížkách produktů (těsné rozestupy karet) a prostorná v hlavičce (zobrazovací oblast na celou šířku).
Fotografie je dominantním vizuálním prvkem a definuje celou identitu značky. Systém využívá vysoce kvalitní produktové fotografie v plném záběru: sportovní boty vyfotografované jednotlivě na tmavém nebo gradientním pozadí, oříznuté tak, aby vyplnily záběr, bez kontextu životního stylu. Snímky životního stylu se zobrazují v rámci kategorií a zobrazují chodidla a nohy sportovců v pohybu. Používá se vysoce kontrastní, syté barevné schéma – červené boty na černém pozadí, neonové akcenty na bílých podrážkách a teplé a studené osvětlení pro zdramatizaci materiálů. Nejsou použity žádné ilustrace, abstraktní grafika ani 3D rendering. Obrázky mají vždy čisté okraje (žádné zaoblené rohy v kontejnerech na fotografie), vždy zabírají celý prostor v rámci svých bloků a jsou vždy doprovázeny minimálním textovým překrytím. Ikonografie je čistě funkční: obrysové ikony pro vyhledávání, seznam přání, košík a účet v barvách Obsidian nebo Steel.
Paleta
Neutrální
- Obsidian
#111111— Tmavá barva doplňuje neutrální text a ikony a vytváří silný kontrast. Nepoužívejte ji jako primární barvu pro výzvy k akci. - Paper White
#ffffff— Pozadí stránky, povrch karty, text tlačítek na tmavém pozadí, obrys ikony – výchozí plátno pro mřížky produktů a sekce kategorií. - Concrete Gray
#e5e5e5— Okraje, oddělovače, tenké čáry oddělující části mřížky, jemné obrysy vstupních polí. - Soft Mist
#f5f5f5— Jemná barva pozadí pro sekundární povrchy, vyplňování vyhledávacího pole v navigaci, pozadí štítků. - Steel
#707072— Sekundární text, ztlumený pomocný text, zmenšené obrysy ikon, popisky navigace, oddělovače odkazů v zápatí. - Faint Gray
#9e9ea0— Obrysy ikon, drobné prvky uživatelského rozhraní a ohraničení s minimálním zvýrazněním jsou zakázány.
Typografie
od 12 do 76 pixelů · 6 kroků
- Helvetica Now Text Medium — nahrazení: Inter · obrysy 500 · Písmo Helvetica Now Text Medium – nalezeno ve stažených datech, ale umělá inteligence ho nepopisuje.
- Helvetica Now Text — nahrazení: Inter or Helvetica Neue · obrysy 400, 500 · Hlavní text uživatelského rozhraní – navigační odkazy, popisky tlačítek, názvy karet, názvy produktů, seznamy v zápatí, veškerý text těla stránky.
- Helvetica Now Display Medium — nahrazení: Inter Medium or Helvetica Neue Medium · obrysy 500 · Nadpisy sekcí, popisky kategorií karet, středně velké nadpisy – Střední písmo (20–24 pixelů) je charakteristickým znakem nadpisů Nike, které nejsou velkými designovými prvky: nikdy tučné, vždy stručné.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 8px |
| Poloměr tlačítka | 30px |
| Poloměr karty | 0px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 48px |
| Šířka stránky | 1440px |
Umělá inteligence vám vytvoří web ve stylu Nike a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Airbnb — Tichá bílá galerijní stěna s jedinou korálově červenou záložkou
- Apple (España) — bílá galerijní vitrína
- Silencio — Bílá místnost s vznášejícími se artefakty. Galerijní expozice z teplého papíru, kde každý prvek zaujímá své místo na pozadí negativního objemu a ticho je záměrným designovým rozhodnutím.
- Oakâme — Sluncem zalitá provensálská dílna vytesaná z teplého kamene
- Arc — Průmyslová bílá galerie nad půlnoční vodou
- Rivian — Elektrický monolit na betonové zdi galerie. Rivian prezentuje každé vozidlo jako sochu na pozadí rozlehlého bílého prostoru s typografií tak velkou, že se stává architektonickým prvkem, a jedinou teplou žlutou barvou, která prolamuje monochromatickou atmosféru, jako sluneční světlo na matném povrchu.
- Analogue — Černá galerijní vitrína – zboží se vznáší v prázdnotě
- ddna — teplá muzejní vitrína na neošetřeném lněném plátně
- Zellerfeld — Sochařská dílna na bílém mramoru – monolitické povrchy podstavce, jediná jiskra kobaltu, šepot malých písmen od podlahy ke stropu
- UY Studio — Kamenná galerie kláštera je tichý prostor s betonovými zdmi, kde na bílých podstavcích stojí flakony s parfémy, osvětlené jednou 400wattovou lampou a čtyřmi teple šedými žárovkami.
- Basic.Space — kurátorská galerie na bílém mramoru
- COS — moderní galerie s bílými zdmi