Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukvývojářVývoj nástrojů umělé inteligence pro firmy. Vysoce kvalitní. Cenově dostupné.Napsat na Telegram
Nike — náhled webu v tomto stylu

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

ÚčelVýznam
Hustotahustý
Základní krok8px
Poloměr tlačítka30px
Poloměr karty0px
Stínyne - okraje místo stínů
Mezi sekcemi48px
Šířka stránky1440px

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