Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukvývojárVývoj nástrojov umelej inteligencie pre firmy. Vysokokvalitné. Cenovo dostupné.Napísať do Telegramu
Nike — ukážka stránky v tomto štýle

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

ÚčelVýznam
Hustotahustý
Základný krok8px
Polomer tlačidla30px
Polomer karty0px
Tienenie - okraje namiesto tieňov
Medzi sekciami48px
Šírka stránky1440px

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