
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él | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 8px |
| Gomb sugara | 30px |
| Kártya sugara | 0px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 48px |
| Oldal szélessége | 1440px |
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