
Nike
'n Monochroom galery van sportprestasies – wit mure, die produk as 'n kunswerk, chroom opgelos in die agtergrond
Nike.com funksioneer as 'n monochroom, produk-eerste galery: die gebruikerskoppelvlak is feitlik onsigbaar, wat produkfoto's toelaat om elke skerm te beset. Die hele koppelvlak is gebou uit swart, wit en drie skakerings van grys - geen aksentkleure, geen dekoratiewe gradiënte, geen warm, kenmerkende chroom nie. Nike se kenmerkende styl leef in die galerylogo en die foto's, maar nooit in die gebruikerskoppelvlak self nie. Die tipografie is kompak en utilitaristies, en steun op 'n pasgemaakte Helvetica Now-lettertipefamilie van 12-20px, met 'n enkele, oorgroot Nike Futura ND-logo van 76px vir opskrifte. Komponente is minimalisties: pilvormige knoppies met 'n radius van 30px, plat produkkaarte, dun rande en feitlik geen hoogteverskille nie. Die bladsy wissel tussen suiwer wit produkoppervlaktes en treffende, donker redaksionele afdelings, wat ritme skep deur kontras eerder as versiering.
Die bladsy volg 'n robuuste redaksionele ritme: 'n treffende, volwydte, donker koptekst met 'n enkele produk en 'n groot titel, gevolg deur 'n volwydte, 2x2 kategorierooster, 'n horisontaal blaaiende rooster van produkkaarte in 3 kolomme, en laastens 'n digte, veelkolom-voetskrif. Alle inhoudsblokke beslaan die volle kykvensterbreedte sonder 'n maksimum houerbreedte; 'n maksimum breedtebeperking geld slegs vir die navigasie- en voetskrif-skakelrooster. Die oorgange tussen afdelings is skerp: swart koptekst → wit kategorierooster → wit produkrooster → wit voetskrif, met smal grys rande wat as die enigste visuele naat dien. Die navigasie is 'n minimalistiese, tweevlakkige balk (hulpskakels bo, primêre kategorieë gesentreer) sonder vaspen, geen agtergrondvul en geen skaduwee nie. Inhouddigtheid is kompak in die produkroosters (stywe kaartspasiëring) en ruim in die koptekst (volwydte kykvenster).
Fotografie is die dominante visuele element en definieer die handelsmerk se hele identiteit. Die stelsel gebruik hoëgehalte, volraam produkfoto's: atletiese skoene wat individueel gefotografeer word teen 'n donker of gradiënt agtergrond, gesny om die raam te vul, sonder leefstylkonteks. Leefstylbeelde verskyn binne kategorieë en wys die voete en bene van atlete in beweging. 'n Hoëkontras, versadigde kleurskema word gebruik - rooi skoene teen 'n swart agtergrond, neon-aksente op wit sole, en warm en koel beligting om die materiale te dramatiseer. Geen illustrasies, abstrakte grafika of 3D-weergawes word gebruik nie. Beelde het altyd skoon rande (geen afgeronde hoeke in fotohouers nie), neem altyd die hele spasie binne hul blokke op en word altyd vergesel van minimale teksoorleg. Die ikonografie is suiwer funksioneel: buitelynikone vir soektog, wenslys, mandjie en rekening in Obsidiaan- of Staalkleure.
Palet
Neutraal
- Obsidian
#111111— Donker kleur komplementeer neutrale teks en ikone en skep sterk kontras. Vermy die gebruik daarvan as die primêre kleur vir oproepe tot aksie. - Paper White
#ffffff— Bladsyagtergrond, kaartoppervlak, knoppieteks op 'n donker agtergrond, ikoonomlyning—die standaarddoek vir produkroosters en kategorie-afdelings. - Concrete Gray
#e5e5e5— Grense, verdelers, dun lyne wat roostergedeeltes skei, subtiele buitelyne van invoervelde. - Soft Mist
#f5f5f5— Subtiele agtergrondkleur vir sekondêre oppervlaktes, soekveldvul in navigasie, etiketagtergrond. - Steel
#707072— Sekondêre teks, gedempte helperteks, verminderde ikoon-omlyne, broodkrummeletikette, voetskrif-skakelskeiers. - Faint Gray
#9e9ea0— Ikoon-omlynings, klein UI-elemente en rande met minimale uitlig is gedeaktiveer.
Tipografie
van 12 tot 76px · 6 stappe
- Helvetica Now Text Medium — vervanging: Inter · buitelyne 500 · Helvetica Now Text Medium lettertipe - gevind in die geskraapte data, maar nie deur die KI beskryf nie.
- Helvetica Now Text — vervanging: Inter or Helvetica Neue · buitelyne 400, 500 · Die hoofteks van die gebruikerskoppelvlak - navigasieskakels, knoppie-etikette, kaarttitels, produkname, voettekste, alle liggaamsteks.
- Helvetica Now Display Medium — vervanging: Inter Medium or Helvetica Neue Medium · buitelyne 500 · Afdelingsopskrifte, kaartkategorie-etikette, mediumgrootte opskrifte - Medium lettertipe (20-24px) is 'n kenmerk van Nike-opskrifte wat nie groot ontwerpelemente is nie: nooit vetdruk nie, altyd bondig.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | dig |
| Basiese stap | 8px |
| Knoppieradius | 30px |
| Kaartradius | 0px |
| Skaduwees | geen grense in plaas van skaduwees |
| Tussen afdelings | 48px |
| Bladsybreedte | 1440px |
KI sal jou webwerf in Nike -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- Airbnb — 'n Stil wit galerymuur met 'n enkele koraalrooi boekmerk
- Apple (España) — wit galery-uitstalkas
- Silencio — 'n Wit kamer met swewende artefakte. 'n Galeryuitstalling gemaak van warm papier, waar elke element sy plek inneem teen 'n negatiewe volume-agtergrond, en die stilte 'n doelbewuste ontwerpbesluit is.
- Oakâme — 'n Sonnige Provençaalse werkswinkel gekerf uit warm klip
- Arc — industriële wit galery oor middernagwater
- Rivian — 'n Elektriese monoliet op die galery se betonmuur. Rivian bied elke voertuig aan as 'n beeldhouwerk teen 'n ontsaglike wit ruimte, met tipografie so groot dat dit 'n argitektoniese element word, en 'n enkele warm geel wat die monochromatiese atmosfeer breek, soos sonlig op 'n mat oppervlak.
- Analogue — Swart galery-uitstalkas – goedere sweef in die leegte
- ddna — warm museumuitstalling op onbehandelde linne
- Zellerfeld — 'n Beeldhouer se werkswinkel op wit marmer—die monolitiese oppervlaktes van die voetstuk, 'n enkele vonk kobalt, 'n fluistering van kleinletters van vloer tot plafon
- UY Studio — Die klooster se klipgalery is 'n stil ruimte met betonmure, waar parfuumbottels op wit voetstukke staan, verlig deur een 400-watt-lamp en vier warmgrys gloeilampe.
- Basic.Space — kuratoriese galery op wit marmer
- COS — 'n Trendy galery met wit mure