Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukûntwikkelderUntwikkeljen fan AI-ark foar bedriuwen. Hege kwaliteit. Betelber.Skriuw nei Telegram
Nike — in foarbyld fan in side yn dizze styl

Nike

In monochrome galery fan sportprestaasjes - wite muorren, it produkt as in keunstwurk, chrome oplost yn 'e eftergrûn

Nike.com funksjonearret as in monochrome, produkt-earste galery: de brûkersynterface is praktysk ûnsichtber, wêrtroch produktfoto's elk skerm ynnimme kinne. De heule ynterface is opboud út swart, wyt en trije skaden fan griis - gjin aksintkleuren, gjin dekorative gradiënten, gjin waarm, karakteristike chrome. Nike's karakteristike styl libbet yn it galerylogo en de foto's, mar nea yn 'e brûkersynterface sels. De typografy is kompakt en utilitaristysk, en fertrout op in oanpast ûntworpen Helvetica Now-lettertypefamylje fan 12-20px, mei in inkele, te grutte Nike Futura ND-logo fan 76px foar kopteksten. Komponinten binne minimalistysk: pilfoarmige knoppen mei in straal fan 30px, platte produktkaarten, tinne rânen en praktysk gjin hichteferskillen. De pagina wikselet tusken suver wite produktoerflakken en opfallende, tsjustere redaksjonele seksjes, wêrtroch ritme ûntstiet troch kontrast ynstee fan ornamentaasje.

De side folget in robúst redaksjoneel ritme: in opfallende, donkere koptekst oer folsleine breedte mei ien produkt en in grutte titel, folge troch in 2x2 kategoryraster oer folsleine breedte, in horizontaal rôljend raster fan produktkaarten yn 3 kolommen, en úteinlik in tichte fuottekst mei meardere kolommen. Alle ynhâldsblokken nimme de folsleine viewportbreedte yn sûnder maksimale kontenerbreedte; in maksimale breedtebeperking jildt allinich foar it navigaasje- en fuottekstkeppelingraster. De oergongen tusken seksjes binne skerp: swarte koptekst → wyt kategoryraster → wyt produktraster → wite fuottekst, mei smelle grize rânen dy't tsjinje as de ienige fisuele naad. De navigaasje is in minimalistyske, twa-laags balke (hulpkeppelings boppe, primêre kategoryen sintraal) sûnder pinning, gjin eftergrûnopfoling en gjin skaad. Ynhâldstichtens is kompakt yn 'e produktrasters (krappe kaartôfstân) en rom yn 'e koptekst (viewport oer folsleine breedte).

Fotografie is it dominante fisuele elemint en definiearret de hiele identiteit fan it merk. It systeem brûkt produktfoto's fan hege kwaliteit yn full-frame: sportskuon dy't yndividueel fotografearre binne tsjin in donkere of kleurferrinde eftergrûn, bysnien om it frame te foljen, sûnder libbensstylkontekst. Lifestyle-ôfbyldings ferskine binnen kategoryen, en litte de fuotten en skonken fan atleten yn beweging sjen. In kontrastryk, verzadigd kleurskema wurdt brûkt - reade skuon tsjin in swarte eftergrûn, neonaksinten op wite soallen, en waarme en koele ferljochting om de materialen te dramatisearjen. Der wurde gjin yllustraasjes, abstrakte grafiken of 3D-renderings brûkt. Ofbyldings hawwe altyd skjinne rânen (gjin rûne hoeken yn fotokonteners), nimme altyd de hiele romte binnen har blokken yn en wurde altyd begelaat troch minimale tekst-overlay. De ikonografy is puur funksjoneel: omtrekikoanen foar sykjen, winsklist, winkelwein en akkount yn Obsidiaan- of Steel-kleuren.

Palet

Neutraal

  • Obsidian #111111 — Donkere kleur komplementearret neutrale tekst en ikoanen en makket sterk kontrast. Brûk it net as de primêre kleur foar oprop ta aksje.
  • Paper White #ffffff — Side-eftergrûn, kaartoerflak, knoptekst op in donkere eftergrûn, ikoanomtrek - it standertdoek foar produktrasters en kategoryseksjes.
  • Concrete Gray #e5e5e5 — Rânen, skieders, tinne linen dy't rasterseksjes skiede, subtile kontoeren fan ynfierfjilden.
  • Soft Mist #f5f5f5 — Subtile eftergrûnkleur foar sekundêre oerflakken, sykfjild ynfolje yn navigaasje, tageftergrûn.
  • Steel #707072 — Sekundêre tekst, gedempte helpertekst, fermindere ikoanomtrekken, breadcrumb-labels, fuottekstkeppelingsskieders.
  • Faint Gray #9e9ea0 — Ikoanomtrekken, lytse UI-eleminten en rânen mei minimale markearring binne útskeakele.

Typografy

fan 12 oant 76px · 6 stappen

  • Helvetica Now Text Medium — ferfanging: Inter · sketsen 500 · Helvetica Now Text Medium lettertype - fûn yn 'e skrabde gegevens mar net beskreaun troch de AI.
  • Helvetica Now Text — ferfanging: Inter or Helvetica Neue · sketsen 400, 500 · De haadtekst fan 'e brûkersynterface - navigaasjekeppelings, knoplabels, kaarttitels, produktnammen, fuottekstlisten, alle lichemstekst.
  • Helvetica Now Display Medium — ferfanging: Inter Medium or Helvetica Neue Medium · sketsen 500 · Seksjekoppen, kaartkategorylabels, middelgrutte koppen - Middelgrutte lettertype (20-24px) is in skaaimerk fan Nike-koppen dy't gjin grutte ûntwerpeleminten binne: nea fet, altyd bondige.

Yntervallen en foarm

DoelBetsjutting
Dichtheidticht
Basisstap8px
Knopradius30px
Kaartradius0px
Skadengjin grinzen ynstee fan skaden
Tusken seksjes48px
Sidebreedte1440px

AI sil jo webside bouwe yn Nike -styl en it folje

  • Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
  • Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
  • Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
  • Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.

Ferlykbere stilen

  • Airbnb — In rêstige wite galerymuorre mei in inkele koraalreade boekenlegger
  • Apple (España) — wite galeryvitrine
  • Silencio — In wite keamer mei driuwende artefakten. In galeryútstalling makke fan waarm papier, dêr't elk elemint syn plak ynnimt tsjin in eftergrûn fan negatyf folume, en de stilte in bewuste ûntwerpbeslissing is.
  • Oakâme — In sinne-oerdrenkte Provençaalske wurkpleats útsnien út waarme stien
  • Arc — yndustriële wite galery oer middernachtswetter
  • Rivian — In elektryske monolyt op 'e betonnen muorre fan 'e galery. Rivian presintearret elk auto as in byldhouwurk tsjin in enoarme wite romte, mei typografy sa grut dat it in arsjitektoanysk elemint wurdt, en in inkele waarme giele kleur dy't de monochromatyske sfear ûnderbrekt, lykas sinneljocht op in mat oerflak.
  • Analogue — Swarte galeryvitrine - guod sweve yn 'e leechte
  • ddna — waarme museumvitrine op ûnbehannele linnen
  • Zellerfeld — In workshop fan in byldhouwer op wyt moarmer - de monolityske oerflakken fan it sokkel, in inkele fonk kobalt, in fluistering fan lytse letters fan flier oant plafond
  • UY Studio — De stiennen galery fan it kleaster is in rêstige romte mei betonnen muorren, dêr't parfumflesjes op wite sokkels steane, ferljochte troch ien lampe fan 400 watt en fjouwer waarm grize lampen.
  • Basic.Space — kuratoriale galery op wyt moarmer
  • COS — in trendy galery mei wite muorren