Allbirds
Materyèl natirèl sou twal fin blan
Allbirds fonksyone avèk yon konfyans kalm e natirèl—yon twal prèske antyèman akromatik, konplete pa sab cho (#e0dacf) ak ton latè ki pa twò klere, ki soti dirèkteman nan fotografi pwodwi yo. Entèfas itilizatè a pa entèfere ak eksperyans pwodwi a: sifas blan, fwontyè mens, navigasyon an majiskil sèlman, ak kontwòl ki gen fòm grenn ki sanble plis ak bouton fizik pase eleman entènèt. Yo itilize Self Modern (yon polis serif pèsonalize) pou kèk moman enpòtan ki mande atansyon editoryal—tit ak non koleksyon—pandan ke yo itilize Geograph pou chak lèt, kò tèks, ak bouton nan twa pwa balanse. Kat kategori yo vin tounen yon sistèm koulè: chak pran koulè background li nan pwodwi ki prezante a, sa transfòme navigasyon an an yon palèt Pantone vivan.
Lajè maksimòm lan se ~1200px, santre ak yon bon ranpli bò kote. Eleman prensipal la se yon bann editoryal tout lajè sou yon fon sab cho ak yon gwo karouzèl pwodwi ki soti nan sant la. Navigasyon kategori a se yon griy ki gen kat kat koulè idantik nan kat kolòn, chak gen yon sèl modèl soulye santre. Anba pli a, layout la altène ant panno divize tout lajè (foto stil lavi sou bò gòch la + echantiyon pwodwi sou bò dwat la) ak karouzèl pwodwi santre anba yon ti tit seksyon souliye. Ritm jeneral la se: panno editoryal tout lajè → griy kat kolòn → karouzèl pwodwi santre → divize de kolòn → karouzèl pwodwi santre. Espas ki genyen ant seksyon yo se 40-56px, sa ki kreye tranzisyon lejè men ki pa twò fò. Navigasyon an se yon ba anwo minimalist, fiks ak lyen prensipal santre.
Fotografi se tout sistèm vizyèl la. Tout foto pwodwi yo se gros plan, soti nan yon ti ang, sou yon background solid ki matche oswa konplete koulè aksan soulye a, efektivman transfòme chak foto an yon etid koulè. Foto vi yo te pran nan ton cho ak solèy, nan anviwònman natirèl (jaden agav, teras an bwa, tèren difisil), yon ti jan mwens koulè pou matche ak palèt koulè ki mwens koulè a. Pa gen ilistrasyon, pa gen rann 3D, pa gen grafik abstrè. An kolaborasyon avèk Pantone, palèt koulè literal la itilize kòm yon eleman grafik. Ikonografi a se minimalist ak monokrom (ikon kontou nan pozisyon navigasyon ak oksilyè).
Palèt
Netral
- Canvas White
#ffffff— Imaj background paj, sifas kat, imaj background kat pwodwi. - Charcoal
#212121— Yo sipòte yon koulè net pou eleman segondè nan koòdone itilizatè a, divizè yo, ak etikèt ki pa gen koulè. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon. - True Black
#000000— Tit, ikòn, ankadreman ki gen anpil kontras, tèks navigasyon. - Warm Sand
#e0dacf— Fon seksyon prensipal la, lonbraj sifas adisyonèl, gwo panno editoryal. - Olive Char
#222519— Yo sipòte yon koulè net pou eleman segondè nan koòdone itilizatè a, divizè yo, ak etikèt ki pa gen koulè. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon. - Iron Gray
#525252— Tèks segondè, tèks oksilyè, ankadreman ki pa ankonbran.
Tipografi
soti nan 12 pou rive nan 40px · 6 etap
- Self Modern — ranplasman: Playfair Display · plan 400 · Tit ak editoryal yo pa sèvi ak anpil prekosyon, mete aksan sou fraz kle ak tit koleksyon yo. Polis serif ak italik yo kraze monotoni polis sans-serif yo epi transmèt mesaj sa a: "Sa a se sans istwa a."
- Geograph — ranplasman: Inter · plan 400, 500, 700 · Font prensipal pou koòdone itilizatè a gen ladan tèks kò a, etikèt navigasyon yo, bouton yo, tit pwodwi yo, pye paj yo, chan pou antre enfòmasyon yo, ak ikòn yo. 500 pou tit ki make yo, 700 pou non pwodwi yo. Espasman laj ant lèt yo (0.025em–0.10em) nan lèt majiskil nan etikèt navigasyon ak kategori yo etabli yon stil mak ki konsistan.
- HurmeGeometricSans3 — ranplasman: Inter · plan 400 · Raman itilize kòm yon backup oswa yon etikèt dedye pou yon bouton. Geograph itilize sistèm sa a chak jou.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | dans |
| Etap debaz | 8-16px |
| Reyon bouton | 9999px (pill) |
| Reyon kat | 16px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 40-56px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Allbirds epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Lightship — Yon dyorama sinematik sou wout la. Mi galeri koulè krèm cho dekore avèk gwo foto peyizaj monte nan entèval ki pre, ti karaktè nwa ki apèn vizib sou ankadreman yo, ak yon sèl aksan zoranj klere ki kraze monokrom lan tankou yon gwo dife nan yon savann.
- Faire ES — katalòg an gwo krèm cho
- Adanola — Yon lookbook editoryal sou papye blan. Yon sesyon foto mòd kote tipografi ak fotografi respire sou sifas blan pwòp, ak lank nwa pou karaktè karaktè a ak yon polis karaktè sans-serif sibtil (Favorit), ki reflete stil jeneral mak la.
- Oura Ring — Yon atelye fè farin avwàn konfòtab, benyen nan yon limyè solèy dou
- Stykka — Yon atelye Scandinavian nan limyè blan - yon chanm ekspozisyon trankil, atizanal kote sèl vwa a se fotografi.
- DJI — twal nwa ayewospasyal ak yon sèl aksan ble elektrik
- Altitude Beverages — Paj magazin monokrom. Imajine yon paj magazin mòd san koulè eksepte foto yo—tèks la ak espas blan an rakonte tout istwa a.
- AATHER — Yon pla men louvri, yon sèl flanm dife - yon liks trankil ki genyen nan silans
- Cowboy — Yon galeri bisiklèt Bèlj nan yon dekorasyon porselèn blan tankou nèj. Yon choroum kote sifas mat, gwo lèt yo itilize nan materyèl editoryal yo, ak yon absans prèske total de dekorasyon atire je a sou bisiklèt la ak sa ki ladan l.
- Refero — Mizanpaj editoryal sou mab blan - yon paj pwodwi kreye pa yon tipograf, kote tit serif la se kat vizit mak la, epi tout lòt bagay yo diskrè.
- Face Formula — Yon pòtrè editoryal Skandinavyen. Yon paj kalm, nan style magazin, kote je modèl la ak tit la, ekri nan yon polis serif kondanse, pale pou tèt yo sou yon fon fre ak bwouya.
- Shupatto — Vitrin mize sou mab blan