Allbirds
Cov ntaub ntawv ntuj tsim rau ntawm cov ntaub dawb
Allbirds ua haujlwm nrog kev ntseeg siab ntuj tsim - yuav luag tag nrho cov ntaub canvas achromatic, ua tiav los ntawm xuab zeb sov (#e0dacf) thiab cov xim av tsaus nti kos ncaj qha los ntawm kev thaij duab khoom. Lub interface neeg siv tsis cuam tshuam rau kev paub txog khoom: cov nplaim dawb, cov ciam teb nyias nyias, kev taw qhia tag nrho-capsule, thiab cov tswj hwm zoo li ntsiav tshuaj uas zoo li cov nyees khawm lub cev dua li cov ntsiab lus web. Self Modern (tus qauv serif kev cai) yog siv rau ob peb lub sijhawm tseem ceeb uas xav tau kev saib xyuas kev kho xov xwm - cov npe thiab cov npe sau - thaum Geograph yog siv rau txhua tsab ntawv, daim ntawv theej lub cev, thiab khawm hauv peb qhov hnyav sib npaug. Daim npav qeb dhau los ua lub kaw lus xim: txhua tus coj nws cov xim keeb kwm yav dhau los ntawm cov khoom tshwj xeeb, hloov pauv kev taw qhia mus rau hauv lub neej Pantone palette.
Qhov dav tshaj plaws yog ~ 1200px, nyob hauv nruab nrab nrog cov ntaub pua plag loj sab. Lub ntsiab lus tseem ceeb yog daim kab xev kho kom zoo nkauj tag nrho ntawm keeb kwm yav dhau xuab zeb sov so nrog lub carousel loj ntawm cov khoom lag luam tawm los ntawm nruab nrab. Kev taw qhia pawg yog daim phiaj ntawm plaub daim npav xim zoo sib xws hauv plaub kab, txhua tus muaj ib tus qauv khau nruab nrab. Hauv qab daim ntawv tais, qhov layout hloov pauv ntawm cov vaj huam sib luag sib cais dav tag nrho (duab kev ua neej nyob rau sab laug + qauv khoom lag luam rau sab xis) thiab cov carousel khoom lag luam nruab nrab hauv qab lub npe me me, kab hauv qab. Lub suab tag nrho yog: vaj huam sib luag kho kom zoo nkauj tag nrho → daim phiaj plaub-kab → carousel khoom lag luam nruab nrab → ob-kab sib cais → carousel khoom lag luam nruab nrab. Qhov sib nrug ntawm cov ntu yog 40-56px, tsim kom muaj huab cua tab sis tsis yog kev hloov pauv loj heev. Kev taw qhia yog minimalist, kho sab saum toj bar nrog cov kev sib txuas tseem ceeb nruab nrab.
Kev thaij duab yog tag nrho lub cev pom kev. Txhua daim duab khoom yog thaij ze ze, los ntawm lub kaum me me, tawm tsam keeb kwm yav dhau los uas phim lossis ua kom tiav cov xim ntawm khau, ua rau txhua daim duab zoo li kev kawm xim. Cov duab hauv lub neej raug thaij hauv cov xim sov so, hnub ci, hauv qhov chaw ntuj (cov teb agave, cov ntoo decks, av ntxhib), tsis sib xyaw kom phim cov xim sib xyaw. Tsis muaj cov duab kos, tsis muaj 3D renders, tsis muaj abstract graphics. Ua ke nrog Pantone, cov xim palette yog siv ua ib qho graphic. Lub iconography yog minimalist thiab monochrome (cov cim qhia hauv kev taw qhia thiab cov chaw pabcuam).
Xim av
Nruab nrab
- Canvas White
#ffffff— Cov duab keeb kwm yav dhau los ntawm nplooj ntawv, cov duab ntawm daim npav, cov duab keeb kwm yav dhau ntawm daim npav khoom. - Charcoal
#212121— Xim nruab nrab yog siv tau rau cov ntsiab lus UI thib ob, cov khoom faib, thiab cov ntawv lo uas tsis muaj suab. Nws yuav tsum tsis txhob siv ua xim tseem ceeb rau kev hu kom ua. - True Black
#000000— Cov npe, cov cim, cov thav duab sib txawv siab, cov ntawv qhia kev taw qhia. - Warm Sand
#e0dacf— Keeb kwm yav dhau ntawm seem tseem ceeb, xim ntxiv ntawm qhov chaw, cov vaj huam sib luag loj ntawm cov ntawv xov xwm. - Olive Char
#222519— Xim nruab nrab yog siv tau rau cov ntsiab lus UI thib ob, cov khoom faib, thiab cov ntawv lo uas tsis muaj suab. Nws yuav tsum tsis txhob siv ua xim tseem ceeb rau kev hu kom ua. - Iron Gray
#525252— Cov ntawv nyeem theem ob, cov ntawv nyeem pab, cov thav duab tsis pom tseeb.
Kev sau ntawv
txij li 12 mus rau 40px · 6 kauj ruam
- Self Modern — hloov: Playfair Display · cov qauv qhia 400 · Cov ntawv xov xwm tseem ceeb thiab cov ntawv sau tsis tshua siv, qhia txog cov kab lus tseem ceeb thiab cov npe sau. Cov ntawv serif thiab italic rhuav tshem qhov tsis muaj dab tsi ntawm cov ntawv sans-serif thiab qhia cov lus: "Qhov no yog lub ntsiab lus ntawm zaj dab neeg."
- Geograph — hloov: Inter · cov qauv qhia 400, 500, 700 · Tus ntawv tseem ceeb rau lub interface neeg siv suav nrog cov ntawv hauv lub cev, cov ntawv cim kev taw qhia, cov nyees khawm, cov npe khoom, cov ntawv hauv qab, cov teb nkag, thiab cov cim. 500 rau cov npe tseem ceeb, 700 rau cov npe khoom. Qhov sib nrug ntawm cov ntawv loj (0.025em–0.10em) hauv cov ntawv loj hauv cov ntawv cim kev taw qhia thiab pawg tsim kom muaj tus qauv hom lag luam sib xws.
- HurmeGeometricSans3 — hloov: Inter · cov qauv qhia 400 · Tsis tshua siv ua daim ntawv thaub qab lossis daim ntawv lo rau lub pob. Geograph siv lub kaw lus no txhua hnub.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 8-16px |
| Lub vojvoog ntawm lub pob | 9999px (pill) |
| Lub vojvoog ntawm daim npav | 16px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 40-56px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Allbirds 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
- Lightship — Ib daim duab diorama zoo li zaj duab xis ntawm txoj kev qhib. Cov phab ntsa gallery sov so uas dai kom zoo nkauj nrog cov duab loj loj uas tau teeb tsa ze ze, cov duab dub nyias nyias tsis pom ntawm cov thav duab, thiab ib qho xim txiv kab ntxwv ci ntsa iab ua rau cov monochrome zoo li hluav taws kub hauv hav zoov tawg.
- Faire ES — lag luam wholesale catalog ntawm sov cream
- Adanola — Ib phau ntawv sau txog kev sau xov xwm ntawm daim ntawv dawb. Kev thaij duab zam uas cov ntawv sau thiab cov duab thaij ua pa ntawm cov chaw dawb huv, nrog rau cov kua dub rau cov ntawv sau thiab cov ntawv sans-serif tshwj xeeb (Favorit), uas qhia txog tus qauv ntawm lub hom.
- Oura Ring — Ib lub chaw ua oatmeal zoo nkauj, da dej hauv lub hnub ci ntsa iab
- Stykka — Ib lub chaw ua haujlwm Scandinavian hauv lub teeb dawb - ib lub chaw ua yeeb yam ntsiag to, ua tes ua qhov chaw uas tsuas yog lub suab yog kev thaij duab xwb
- DJI — daim ntaub dub aerospace nrog ib qho xim xiav hluav taws xob
- Altitude Beverages — Cov ntawv xov xwm monochrome nthuav dav. Xav txog ib daim ntawv xov xwm zam uas tsis muaj xim dab tsi tsuas yog cov duab xwb - cov ntawv nyeem thiab qhov chaw dawb qhia tag nrho zaj dab neeg.
- AATHER — Ib xib teg qhib, ib lub nplaim taws - ib qho khoom kim heev ntsiag to uas muaj nyob hauv qhov ntsiag to
- Cowboy — Ib lub tsev qhia txog tsheb kauj vab hauv tebchaws Belgian uas ua los ntawm cov av nplaum dawb zoo li daus. Ib lub tsev qhia khoom uas muaj cov khoom siv matte, cov ntawv loj siv rau hauv cov ntaub ntawv sau xov xwm, thiab qhov tsis muaj kev kho kom zoo nkauj ua rau lub qhov muag pom lub tsheb kauj vab thiab nws cov khoom hauv.
- Refero — Kev teeb tsa ntawm cov ntawv sau rau ntawm pob zeb dawb - nplooj ntawv khoom tsim los ntawm tus kws sau ntawv, qhov twg lub npe serif yog daim npav hu xov tooj ntawm lub hom, thiab txhua yam tsis pom tseeb
- Face Formula — Ib daim duab thaij los ntawm Scandinavian. Ib daim duab uas nyob ntsiag to zoo li cov ntawv xov xwm, qhov uas tus qauv ntsia thiab lub ntsiab lus, sau ua ntawv luv luv, hais lus rau lawv tus kheej tawm tsam qhov chaw txias thiab pos huab.
- Shupatto — Lub thawv tso saib tsev khaws puav pheej ntawm marble dawb