Telegram, WhatsApp+380637610482
Valerij Danyuk
Valerij DanyukfejlesztőMI-eszközök fejlesztése vállalkozások számára. Kiváló minőség. Megfizethető ár.Írjon Telegramon
Nike — egy ilyen stílusú webhely előnézete

Nike

Sportteljesítmények monokróm galériája – fehér falak, a termék mint műalkotás, a króm a háttérbe olvadva

A Nike.com egy monokróm, termékközpontú galériaként működik: a felhasználói felület gyakorlatilag láthatatlan, így a termékfotók minden képernyőt elfoglalhatnak. A teljes felület feketéből, fehérből és három szürkeárnyalatból épül fel – nincsenek hangsúlyos színek, dekoratív színátmenetek, nincs meleg, jellegzetes króm. A Nike jellegzetes stílusa a galéria logójában és a fotókban él, de soha nem magában a felhasználói felületben. A tipográfia kompakt és haszonelvű, egy egyedi tervezésű, 12-20 képpontos Helvetica Now betűcsaládra támaszkodik, egyetlen, túlméretezett, 76 képpontos Nike Futura ND logóval a címsorokhoz. Az elemek minimalistaak: pirula alakú gombok 30 képpontos sugarú körrel, lapos termékkártyák, vékony szegélyek és gyakorlatilag nulla magasságkülönbség. Az oldalon váltakoznak a tiszta fehér termékfelületek és a feltűnő, sötét szerkesztői részek, a ritmust a kontraszt, nem pedig a díszítés révén teremtve.

Az oldal robusztus szerkesztői ritmust követ: egy feltűnő, teljes szélességű, sötét fejléc, amelyen egyetlen termék és egy nagyméretű cím látható, ezt követi egy teljes szélességű, 2x2-es kategóriarács, egy vízszintesen görgethető rács, amelyen a termékkártyák 3 oszlopban helyezkednek el, és végül egy sűrű, többoszlopos lábléc. Minden tartalomblokk a teljes nézetablak szélességét elfoglalja, maximális konténerszélesség nélkül; a maximális szélességkorlátozás csak a navigációra és a lábléc linkrácsára vonatkozik. A szakaszok közötti átmenetek élesek: fekete fejléc → fehér kategóriarács → fehér termékrács → fehér lábléc, keskeny szürke szegélyekkel, amelyek az egyetlen vizuális illesztést jelentik. A navigáció egy minimalista, kétszintes sáv (segédlinkek felül, elsődleges kategóriák középen), rögzítés, háttérkitöltés és árnyék nélkül. A tartalomsűrűség kompakt a termékrácsokban (szűk kártyatávolság), és tágas a fejlécben (teljes szélességű nézetablak).

A fénykép a domináns vizuális elem, és meghatározza a márka teljes identitását. A rendszer kiváló minőségű, teljes képkockás termékfotókat használ: sportcipőket külön-külön fényképeznek sötét vagy átmenetes háttér előtt, a kép kitöltéséhez kivágva, életmódbeli kontextus nélkül. Az életmódbeli képek kategóriákon belül jelennek meg, bemutatva a mozgásban lévő sportolók lábfejét és lábszárát. Nagy kontrasztú, telített színsémát használnak – piros cipők fekete háttér előtt, neon díszítések fehér talpon, valamint meleg és hideg megvilágítás az anyagok drámai kiemelésére. Nem használnak illusztrációkat, absztrakt grafikákat vagy 3D-s látványterveket. A képek mindig tiszta élekkel rendelkeznek (a fotókonténerekben nincsenek lekerekített sarkok), mindig kitöltik a blokkokon belüli teljes területet, és mindig minimális szöveges átfedés kíséri őket. Az ikonográfia tisztán funkcionális: körvonalas ikonok a kereséshez, a kívánságlistához, a kosárhoz és a fiókhoz obszidián vagy acél színekben.

Paletta

Semleges

  • Obsidian #111111 — A sötét szín kiegészíti a semleges szövegeket és ikonokat, és erős kontrasztot hoz létre. Kerüld a cselekvésre ösztönzések elsődleges színeként való használatát.
  • Paper White #ffffff — Oldal háttere, kártya felülete, gomb szövege sötét háttéren, ikon körvonala – az alapértelmezett vászon a termékrácsokhoz és a kategória szakaszokhoz.
  • Concrete Gray #e5e5e5 — Szegélyek, elválasztók, vékony vonalak választják el a rács szakaszait, a beviteli mezők finom körvonalai.
  • Soft Mist #f5f5f5 — Finom háttérszín a másodlagos felületekhez, a navigációban lévő keresőmező kitöltéséhez, a címke hátteréhez.
  • Steel #707072 — Másodlagos szöveg, némított segédszöveg, csökkentett ikonkörvonalak, navigációs feliratok, lábléc linkjeinek elválasztása.
  • Faint Gray #9e9ea0 — Az ikon körvonalai, a kisebb felhasználói felület elemei és a minimális kiemeléssel ellátott szegélyek le vannak tiltva.

Tipográfia

12-től 76 képpontig · 6 lépésben

  • Helvetica Now Text Medium — csere: Inter · körvonalak 500 · Helvetica Now Text Medium betűtípus - megtalálható a lekaparott adatokban, de a mesterséges intelligencia nem írja le.
  • Helvetica Now Text — csere: Inter or Helvetica Neue · körvonalak 400, 500 · A felhasználói felület fő szövege – navigációs linkek, gombfeliratok, kártyák címei, terméknevek, lábléc listák, az összes törzsszöveg.
  • Helvetica Now Display Medium — csere: Inter Medium or Helvetica Neue Medium · körvonalak 500 · Szakaszcímek, kártyakategória-címkék, közepes méretű címsorok – A közepes betűméret (20-24 képpont) a Nike címsorok egyik jellemzője, amelyek nem nagyméretű tervezési elemek: soha nem merészek, mindig tömörek.

Intervallumok és forma

CélJelentés
Sűrűségsűrű
Alapvető lépés8px
Gomb sugara30px
Kártya sugara0px
Árnyékoknincs - szegélyek árnyékok helyett
Szakaszok között48px
Oldal szélessége1440px

A mesterséges intelligencia Nike stílusban fogja elkészíteni a weboldaladat, és kitölti azt.

  • Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
  • Tartalom átvitele régi webhelyéről – csak adja meg a címet.
  • Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
  • Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.

Hasonló stílusok

  • Airbnb — Egy csendes fehér galériafal egyetlen korallvörös könyvjelzővel
  • Apple (España) — fehér galériavitrin
  • Silencio — Egy fehér szoba lebegő műtárgyakkal. Meleg papírból készült galériakiállítás, ahol minden elem a negatív térfogatú háttér előtt foglalja el a helyét, a csend pedig szándékos tervezési döntés.
  • Oakâme — Egy napsütötte provence-i műhely, meleg kőből faragva
  • Arc — ipari fehér galéria éjféli víz felett
  • Rivian — Egy elektromos monolit a galéria betonfalán. Rivian minden járművet szoborként mutat be egy hatalmas fehér tér előtt, olyan nagyméretű tipográfiával, hogy az építészeti elemmé válik, és egyetlen meleg sárga színnel, amely megtöri a monokróm hangulatot, mint a napfény egy matt felületen.
  • Analogue — Fekete galériavitrin – áruk lebegnek az ürességben
  • ddna — meleg múzeumi vitrin kezeletlen vászonra helyezve
  • Zellerfeld — Egy szobrászműhely fehér márványon – a talapzat monolitikus felületei, egyetlen kobaltszikra, a padlótól a mennyezetig suttogó kisbetűk
  • UY Studio — A kolostor kőgalériája egy csendes tér betonfalakkal, ahol parfümös üvegek állnak fehér talapzatokon, amelyeket egy 400 wattos lámpa és négy melegszürke izzó világít meg.
  • Basic.Space — kurátori galéria fehér márványon
  • COS — egy divatos galéria fehér falakkal