Nike
Monochrominė sporto pasiekimų galerija – baltos sienos, gaminys kaip meno kūrinys, chromas ištirpęs fone
„Nike.com“ veikia kaip monochrominė, į produktus orientuota galerija: vartotojo sąsaja praktiškai nematoma, todėl produktų nuotraukos užima kiekvieną ekraną. Visa sąsaja sukurta iš juodos, baltos ir trijų pilkos atspalvių – jokių akcentinių spalvų, dekoratyvinių gradientų, jokio šilto, firminio chromo. „Nike“ firminis stilius atsispindi galerijos logotipe ir nuotraukose, bet niekada pačioje vartotojo sąsajoje. Tipografija yra kompaktiška ir utilitarinė, paremta specialiai sukurta „Helvetica Now“ šriftų šeima, kurios dydis yra 12–20 pikselių, o antraštėms naudojamas vienas didelis, 76 pikselių „Nike Futura ND“ logotipas. Komponentai yra minimalistiniai: piliulės formos mygtukai su 30 pikselių spinduliu, plokščios produktų kortelės, plonos rėmeliai ir praktiškai nulinis aukščio skirtumas. Puslapyje kaitaliojasi grynai balti produktų paviršiai ir ryškios, tamsios redakcinės dalys, sukuriant ritmą kontrastu, o ne ornamentika.
Puslapis laikosi griežto redakcinio ritmo: ryški, viso pločio, tamsi antraštė su vienu produktu ir dideliu pavadinimu, po jos seka viso pločio, 2x2 kategorijų tinklelis, horizontaliai slenkanti produktų kortelių tinklelis 3 stulpeliuose ir galiausiai tanki, kelių stulpelių poraštė. Visi turinio blokai užima visą rodinio plotį be maksimalaus konteinerio pločio; maksimalaus pločio apribojimas taikomas tik navigacijos ir poraštės nuorodų tinkleliui. Perėjimai tarp sekcijų yra ryškūs: juoda antraštė → balta kategorijų tinklelis → balta produktų tinklelis → balta poraštė, o siauros pilkos rėmeliai yra vienintelė vizualinė siūlė. Navigacija yra minimalistinė, dviejų pakopų juosta (pagalbinės nuorodos viršuje, pagrindinės kategorijos centre) be prisegimo, fono užpildymo ir šešėlio. Turinio tankis produktų tinkleliuose yra kompaktiškas (mažas kortelių tarpas) ir erdvus antraštėje (viso pločio rodinio sritis).
Fotografija yra dominuojantis vizualinis elementas ir apibrėžia visą prekės ženklo identitetą. Sistemoje naudojamos aukštos kokybės, viso kadro produktų nuotraukos: sportiniai bateliai, nufotografuoti atskirai tamsiame arba gradientiniame fone, apkirpti, kad užpildytų kadrą, be gyvenimo būdo konteksto. Gyvenimo būdo vaizdai rodomi kategorijose, demonstruojantys judančių sportininkų pėdas ir kojas. Naudojama didelio kontrasto, sodri spalvų schema – raudoni batai juodame fone, neoniniai akcentai ant baltų padų ir šiltas bei šaltas apšvietimas, siekiant dramatizuoti medžiagas. Nenaudojamos jokios iliustracijos, abstrakčios grafikos ar 3D vizualizacijos. Vaizdai visada turi švarius kraštus (nuotraukų konteineriuose nėra užapvalintų kampų), visada užima visą erdvę savo blokuose ir visada lydimi minimalaus teksto perdengimo. Ikonografija yra grynai funkcinė: paieškos, pageidavimų sąrašo, krepšelio ir paskyros kontūrinės piktogramos obsidiano arba plieno spalvomis.
Paletė
Neutralus
- Obsidian
#111111— Tamsi spalva papildo neutralų tekstą ir piktogramas bei sukuria stiprų kontrastą. Venkite jos naudoti kaip pagrindinės spalvos raginimams veikti. - Paper White
#ffffff— Puslapio fonas, kortelės paviršius, mygtuko tekstas tamsiame fone, piktogramos kontūras – numatytoji produktų tinklelių ir kategorijų skyrių drobė. - Concrete Gray
#e5e5e5— Rėmeliai, skirtukai, plonos linijos, skiriančios tinklelio dalis, subtilūs įvesties laukų kontūrai. - Soft Mist
#f5f5f5— Subtilus fono spalva antriniams paviršiams, paieškos lauko užpildymui navigacijoje, žymės fonui. - Steel
#707072— Antrinis tekstas, nutildytas pagalbinis tekstas, sumažinti piktogramų kontūrai, navigacijos etiketės, poraštės nuorodų skirtukai. - Faint Gray
#9e9ea0— Piktogramų kontūrai, smulkūs vartotojo sąsajos elementai ir minimaliai paryškinti rėmeliai yra išjungti.
Tipografija
nuo 12 iki 76 pikselių · 6 žingsniai
- Helvetica Now Text Medium — pakeitimas: Inter · kontūrai 500 · Šriftas „Helvetica Now Text Medium“ – rastas išskleistuose duomenyse, bet dirbtinis intelektas jo neaprašė.
- Helvetica Now Text — pakeitimas: Inter or Helvetica Neue · kontūrai 400, 500 · Pagrindinis vartotojo sąsajos tekstas – naršymo nuorodos, mygtukų etiketės, kortelių pavadinimai, produktų pavadinimai, poraštės sąrašai, visas pagrindinis tekstas.
- Helvetica Now Display Medium — pakeitimas: Inter Medium or Helvetica Neue Medium · kontūrai 500 · Skyrių antraštės, kortelių kategorijų etiketės, vidutinio dydžio antraštės – vidutinio dydžio šriftas (20–24 pikselių) yra būdingas „Nike“ antraščių, kurios nėra dideli dizaino elementai, požymis: niekada neryškios, visada glaustos.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 8px |
| Mygtuko spindulys | 30px |
| Kortelės spindulys | 0px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 48px |
| Puslapio plotis | 1440px |
Dirbtinis intelektas sukurs jūsų svetainę Nike stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Airbnb — Rami balta galerijos siena su vienu koralų raudonumo skirtuku
- Apple (España) — balta galerijos vitrina
- Silencio — Baltas kambarys su plaukiojančiais artefaktais. Galerijos ekspozicija, sukurta iš šilto popieriaus, kur kiekvienas elementas užima savo vietą neigiamo tūrio fone, o tyla yra sąmoningas dizaino sprendimas.
- Oakâme — Saulės nutviekstos Provanso dirbtuvės, iškaltos iš šilto akmens
- Arc — pramoninė balta galerija virš vidurnakčio vandens
- Rivian — Elektrinis monolitas ant galerijos betoninės sienos. Rivian kiekvieną transporto priemonę pristato kaip skulptūrą didžiulės baltos erdvės fone, kurios tipografija tokia didelė, kad ji tampa architektūriniu elementu, o viena šilta geltona spalva pertraukia monochromatinę atmosferą, tarsi saulės šviesa ant matinio paviršiaus.
- Analogue — Juoda galerijos vitrina – prekės kybo tuštumoje
- ddna — šilta muziejaus vitrina ant neapdoroto lino
- Zellerfeld — Skulptoriaus dirbtuvės ant balto marmuro – monolitiniai pjedestalo paviršiai, viena kobalto kibirkštis, mažųjų raidžių šnabždesys nuo grindų iki lubų
- UY Studio — Vienuolyno akmeninė galerija – tai rami erdvė su betoninėmis sienomis, kur ant baltų cokolių stovi kvepalų buteliukai, apšviesti vienos 400 vatų lempos ir keturių šiltų pilkų lempučių.
- Basic.Space — kuratorių galerija ant balto marmuro
- COS — madinga galerija su baltomis sienomis