Nike
Ib lub tsev khaws puav pheej monochrome ntawm kev ua tiav kis las - phab ntsa dawb, cov khoom ua ib daim duab kos duab, chrome yaj rau hauv keeb kwm yav dhau
Nike.com ua haujlwm ua ib lub tsev qiv ntawv monochrome, khoom ua ntej: lub interface neeg siv tsis pom, tso cai rau cov duab khoom siv txhua lub vijtsam. Tag nrho lub interface yog tsim los ntawm dub, dawb, thiab peb ntxoov grey—tsis muaj xim accent, tsis muaj gradients kho kom zoo nkauj, tsis muaj chrome sov so. Nike tus qauv tshwj xeeb nyob hauv lub logo gallery thiab cov duab, tab sis tsis yog nyob rau hauv lub interface neeg siv nws tus kheej. Cov ntawv sau yog compact thiab utilitarian, vam khom rau cov tsev neeg Helvetica Now tsim tshwj xeeb ntawm 12-20px, nrog rau ib qho, loj Nike Futura ND logo ntawm 76px rau cov npe. Cov khoom yog minimalist: cov nyees khawm zoo li tshuaj ntsiav nrog lub vojvoog 30px, daim npav khoom tiaj tus, ciam teb nyias nyias, thiab yuav luag tsis muaj qhov sib txawv ntawm qhov siab. Nplooj ntawv hloov pauv ntawm cov khoom dawb huv thiab cov ntu kho kom zoo nkauj, tsaus ntuj, tsim lub suab los ntawm kev sib piv es tsis yog kev kho kom zoo nkauj.
Cov nplooj ntawv ua raws li lub suab kho kom zoo nkauj: lub taub hau tsaus nti uas muaj qhov dav tag nrho, muaj ib yam khoom thiab lub npe loj, ua raws li daim phiaj qeb 2x2 dav tag nrho, daim phiaj qeb ntawm cov khoom lag luam hauv 3 kab, thiab thaum kawg yog daim ntawv qhia hauv qab uas tuab thiab ntau kab. Txhua lub thaiv ntawm cov ntsiab lus nyob hauv qhov dav tag nrho ntawm qhov chaw saib uas tsis muaj qhov dav tshaj plaws ntawm lub thawv; qhov kev txwv dav tshaj plaws tsuas yog siv rau daim phiaj qhia kev taw qhia thiab daim phiaj qhia kev sib txuas hauv qab. Cov kev hloov pauv ntawm cov ntu yog ntse: lub taub hau dub → daim phiaj qeb dawb → daim phiaj khoom lag luam dawb → daim phiaj hauv qab dawb, nrog rau ciam teb grey nqaim ua lub luag haujlwm pom xwb. Kev taw qhia yog ib daim kab minimalist, ob-tiered (cov kev sib txuas pab nyob rau sab saum toj, cov pawg tseem ceeb nyob hauv nruab nrab) tsis muaj pinning, tsis muaj keeb kwm yav dhau los, thiab tsis muaj duab ntxoov ntxoo. Cov ntsiab lus ntom ntom yog compact hauv cov phiaj qeb khoom (qhov sib nrug ntawm daim npav nruj) thiab dav hauv lub taub hau (qhov chaw saib dav tag nrho).
Kev thaij duab yog lub ntsiab lus tseem ceeb ntawm kev pom thiab txhais tau tias lub npe ntawm lub hom lag luam yog dab tsi. Lub kaw lus siv cov duab zoo, puv npo: cov khau kis las uas thaij ib leeg rau ntawm keeb kwm yav dhau tsaus ntuj lossis gradient, txiav kom puv npo, tsis muaj cov ntsiab lus ntawm kev ua neej. Cov duab ntawm kev ua neej tshwm sim hauv pawg, qhia txog ko taw thiab ceg ntawm cov neeg ncaws pob uas tab tom txav mus los. Siv cov xim sib txawv siab, saturated - khau liab rau ntawm keeb kwm yav dhau dub, neon accents ntawm cov khau dawb, thiab lub teeb sov thiab txias los ua kom pom cov ntaub ntawv. Tsis muaj cov duab kos, cov duab kos abstract, lossis 3D renderings siv. Cov duab ib txwm muaj cov npoo huv si (tsis muaj cov ces kaum puag ncig hauv cov thawv duab), ib txwm nyob hauv tag nrho qhov chaw hauv lawv cov blocks, thiab ib txwm muaj cov ntawv sau tsawg kawg nkaus. Lub iconography tsuas yog ua haujlwm xwb: cov cim qhia rau kev tshawb nrhiav, daim ntawv xav tau, lub laub, thiab tus account hauv Obsidian lossis Steel xim.
Xim av
Nruab nrab
- Obsidian
#111111— Xim tsaus ua kom cov ntawv nyeem thiab cov cim tsis muaj xim sib txawv thiab ua rau muaj kev sib txawv zoo. Tsis txhob siv nws ua xim tseem ceeb rau kev hu kom ua. - Paper White
#ffffff— Keeb kwm yav dhau ntawm nplooj ntawv, qhov chaw ntawm daim npav, cov ntawv khawm ntawm keeb kwm yav dhau tsaus ntuj, cov duab qhia ntawm lub cim—lub ntaub thaiv qhov rai rau cov khoom lag luam thiab cov ntu pawg. - Concrete Gray
#e5e5e5— Cov ciam teb, cov khoom faib, cov kab nyias nyias cais cov ntu grid, cov qauv me me ntawm cov teb nkag. - Soft Mist
#f5f5f5— Xim keeb kwm yav dhau me me rau cov nto thib ob, sau cov lus qhia rau kev tshawb nrhiav, keeb kwm yav dhau ntawm daim ntawv cim npe. - Steel
#707072— Cov ntawv nyeem theem ob, cov ntawv pab uas tsis muaj suab, cov kab kos duab txo qis, cov ntawv lo rau cov khoom noj, cov ntawv sib cais cov txuas hauv qab. - Faint Gray
#9e9ea0— Cov duab kos, cov ntsiab lus me me ntawm UI, thiab cov ciam teb uas tsis tshua muaj qhov tseem ceeb raug kaw.
Kev sau ntawv
txij li 12 mus rau 76px · 6 kauj ruam
- Helvetica Now Text Medium — hloov: Inter · cov qauv qhia 500 · Helvetica Now Text Medium font - pom nyob rau hauv cov ntaub ntawv scraped tab sis tsis piav qhia los ntawm AI.
- Helvetica Now Text — hloov: Inter or Helvetica Neue · cov qauv qhia 400, 500 · Cov ntawv tseem ceeb ntawm lub interface neeg siv - cov kev sib txuas navigation, cov ntawv lo rau ntawm lub pob, lub npe ntawm daim npav, cov npe khoom, cov npe ntawm cov ntawv hauv qab, tag nrho cov ntawv hauv lub cev.
- Helvetica Now Display Medium — hloov: Inter Medium or Helvetica Neue Medium · cov qauv qhia 500 · Cov ntawv sau rau ntawm seem, cov ntawv cim qeb ntawm daim npav, cov ntawv sau rau ntawm qhov nruab nrab - Cov ntawv sau nruab nrab (20-24px) yog lub cim ntawm cov ntawv sau rau ntawm Nike uas tsis yog cov qauv tsim loj: yeej tsis yog cov ntawv tuab, ib txwm luv luv.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 8px |
| Lub vojvoog ntawm lub pob | 30px |
| Lub vojvoog ntawm daim npav | 0px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 48px |
| Qhov dav ntawm nplooj ntawv | 1440px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Nike thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- Airbnb — Ib phab ntsa dawb ntsiag to nrog ib daim ntawv cim xim liab coral
- Apple (España) — lub thawv tso saib dawb gallery
- Silencio — Ib chav dawb uas muaj tej khoom siv uas ntab saum ntuj. Ib daim duab kos ua los ntawm ntawv sov sov, qhov twg txhua yam nyob hauv nws qhov chaw nrog lub keeb kwm yav dhau uas tsis muaj suab nrov, thiab qhov ntsiag to yog qhov kev txiav txim siab tsim los ntawm lub siab xav.
- Oakâme — Ib lub rooj cob qhia Provençal uas muaj hnub ci ntsa iab uas tau txiav los ntawm pob zeb sov so
- Arc — industrial dawb gallery hla ib tag hmo dej
- Rivian — Ib lub tshuab hluav taws xob monolith ntawm phab ntsa pob zeb ntawm lub tsev khaws puav pheej. Rivian nthuav qhia txhua lub tsheb ua ib daim duab puab tawm tsam qhov chaw dawb loj heev, nrog rau cov ntawv loj heev uas ua rau nws yog ib qho khoom siv hauv tsev, thiab ib qho daj sov uas rhuav tshem cov huab cua monochromatic, zoo li lub hnub ci ntawm qhov chaw matte.
- Analogue — Lub thawv tso saib dub hauv chav ua yeeb yam - cov khoom muag nyob hauv qhov khoob
- ddna — Lub thawv tso saib tsev khaws puav pheej sov so rau ntawm cov ntaub pua chaw tsis kho
- Zellerfeld — Ib lub chaw ua haujlwm ntawm tus kws kos duab rau ntawm cov pob zeb dawb - cov nplaim monolithic ntawm lub pedestal, ib lub teeb ci ntawm cobalt, ib lub suab nrov ntawm cov ntawv me me los ntawm hauv pem teb mus rau qab nthab
- UY Studio — Lub tsev teev ntuj lub tsev khaws puav pheej yog qhov chaw ntsiag to nrog cov phab ntsa pob zeb, qhov twg cov fwj tshuaj tsw qab sawv ntawm cov plinths dawb, ci ntsa iab los ntawm ib lub teeb 400-watt thiab plaub lub teeb grey sov.
- Basic.Space — lub tsev khaws puav pheej curatorial ntawm marble dawb
- COS — ib lub tsev khaws puav pheej zoo nkauj nrog phab ntsa dawb