
Nike
Monochromatická galéria športových úspechov – biele steny, produkt ako umelecké dielo, chróm rozpustený v pozadí
Nike.com funguje ako monochromatická galéria zameraná predovšetkým na produkty: používateľské rozhranie je prakticky neviditeľné, čo umožňuje fotografiám produktov zaplniť každú obrazovku. Celé rozhranie je vytvorené z čiernej, bielej a troch odtieňov sivej – žiadne akcentové farby, žiadne dekoratívne prechody, žiadny teplý, charakteristický chróm. Charakteristický štýl Nike sa nachádza v logu galérie a na fotografiách, ale nikdy nie v samotnom používateľskom rozhraní. Typografia je kompaktná a utilitárna, spolieha sa na vlastnú rodinu písiem Helvetica Now s veľkosťou 12 – 20 px, s jedným, nadrozmerným logom Nike Futura ND s veľkosťou 76 px pre nadpisy. Komponenty sú minimalistické: tlačidlá v tvare tabletky s polomerom 30 px, ploché karty produktov, tenké okraje a prakticky nulové výškové rozdiely. Stránka sa strieda medzi čisto bielymi povrchmi produktov a výraznými, tmavými redakčnými sekciami, čím vytvára rytmus skôr kontrastom ako ornamentmi.
Stránka sa riadi robustným redakčným rytmom: výrazná tmavá hlavička na celú šírku s jedným produktom a veľkým názvom, za ňou nasleduje mriežka kategórií 2x2 na celú šírku, horizontálne posúvaná mriežka kariet produktov v 3 stĺpcoch a nakoniec hustá päta s viacerými stĺpcami. Všetky bloky obsahu zaberajú celú šírku výrezu bez maximálnej šírky kontajnera; obmedzenie maximálnej šírky sa vzťahuje iba na navigačnú mriežku a mriežku odkazov v päte. Prechody medzi sekciami sú ostré: čierna hlavička → biela mriežka kategórií → biela mriežka produktov → biela päta s úzkymi sivými okrajmi slúžiacimi ako jediný vizuálny šev. Navigácia je minimalistický, dvojúrovňový panel (pomocné odkazy hore, primárne kategórie vycentrované) bez pripnutia, bez výplne pozadia a bez tieňa. Hustota obsahu je kompaktná v mriežkach produktov (tesné rozstupy kariet) a priestranná v hlavičke (výrez na celú šírku).
Fotografia je dominantným vizuálnym prvkom a definuje celú identitu značky. Systém využíva vysokokvalitné fotografie produktov na celom zábere: športová obuv vyfotografovaná jednotlivo na tmavom alebo gradientovom pozadí, orezaná tak, aby vyplnila záber, bez kontextu životného štýlu. Obrázky životného štýlu sa zobrazujú v rámci kategórií a zobrazujú chodidlá a nohy športovcov v pohybe. Používa sa vysoko kontrastná, sýta farebná schéma – červené topánky na čiernom pozadí, neónové akcenty na bielych podrážkach a teplé a studené osvetlenie na zdramatizovanie materiálov. Nepoužívajú sa žiadne ilustrácie, abstraktná grafika ani 3D vykreslenia. Obrázky majú vždy čisté okraje (žiadne zaoblené rohy v kontajneroch s fotografiami), vždy zaberajú celý priestor v rámci svojich blokov a vždy sú sprevádzané minimálnym textovým prekrytím. Ikonografia je čisto funkčná: obrysové ikony pre vyhľadávanie, zoznam želaní, košík a účet vo farbách Obsidian alebo Steel.
Paleta
Neutrálny
- Obsidian
#111111— Tmavá farba dopĺňa neutrálny text a ikony a vytvára silný kontrast. Nepoužívajte ju ako primárnu farbu pre výzvy na akciu. - Paper White
#ffffff— Pozadie stránky, povrch karty, text tlačidiel na tmavom pozadí, obrys ikony – predvolené plátno pre mriežky produktov a sekcie kategórií. - Concrete Gray
#e5e5e5— Okraje, oddeľovače, tenké čiary oddeľujúce časti mriežky, jemné obrysy vstupných polí. - Soft Mist
#f5f5f5— Jemná farba pozadia pre sekundárne povrchy, výplň vyhľadávacieho poľa v navigácii, pozadie značiek. - Steel
#707072— Sekundárny text, stlmený pomocný text, zmenšené obrysy ikon, popisky navigácie, oddeľovače odkazov v päte. - Faint Gray
#9e9ea0— Obrysy ikon, menšie prvky používateľského rozhrania a orámovania s minimálnym zvýraznením sú vypnuté.
Typografia
od 12 do 76px · 6 krokov
- Helvetica Now Text Medium — náhrada: Inter · obrysy 500 · Písmo Helvetica Now Text Medium – nájdené v získaných dátach, ale umelá inteligencia ho nepopisuje.
- Helvetica Now Text — náhrada: Inter or Helvetica Neue · obrysy 400, 500 · Hlavný text používateľského rozhrania – navigačné odkazy, popisy tlačidiel, názvy kariet, názvy produktov, zoznamy v päte, všetok text tela.
- Helvetica Now Display Medium — náhrada: Inter Medium or Helvetica Neue Medium · obrysy 500 · Nadpisy sekcií, označenia kategórií kariet, stredne veľké nadpisy – Stredné písmo (20 – 24 px) je charakteristickým znakom nadpisov Nike, ktoré nie sú veľkými dizajnovými prvkami: nikdy tučné, vždy stručné.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 8px |
| Polomer tlačidla | 30px |
| Polomer karty | 0px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 48px |
| Šírka stránky | 1440px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Nike 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
- 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
- Zellerfeld — Sochárska dielňa na bielom mramore – monolitické povrchy podstavca, jediná iskra kobaltu, šepot malých písmen od podlahy až po strop
- 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