Allbirds
Izinto zemvelo zelineni elimhlophe
I-Allbirds isebenza ngokuzethemba okuzolile nokwemvelo—ikhanvasi ecishe ibe yinto engajwayelekile ngokuphelele, ehambisana nesihlabathi esifudumele (#e0dacf) kanye namathoni omhlaba athulisiwe athathwe ngqo kusuka ezithombeni zomkhiqizo. I-interface yomsebenzisi ayiphazamisi ulwazi lomkhiqizo: izindawo ezimhlophe, imingcele emincane, ukuzulazula kwe-all-caps, kanye nezilawuli ezimise okwephilisi ezizwakala njengezinkinobho ezibonakalayo kunezinto zewebhu. I-Self Modern (ifonti ye-serif eyenziwe ngokwezifiso) isetshenziselwa izikhathi ezimbalwa ezibalulekile ezidinga ukunakwa kokuhlela—izihloko namagama eqoqo—kuyilapho i-Geograph isetshenziswa kokubhala ngakunye, ukukopisha umzimba, kanye nenkinobho ngezisindo ezintathu ezilinganisiwe. Amakhadi esigaba aba uhlelo lombala: ngalinye lithatha umbala walo wangemuva kumkhiqizo ofakiwe, liguqula ukuzulazula libe yi-palette ephilayo ye-Pantone.
Ububanzi obukhulu bungu-~1200px, buphakathi nendawo futhi bune-side padding enkulu. Isici esiyinhloko umucu wokuhlela obanzi ogcwele ngemuva kwesihlabathi esifudumele kanye ne-carousel enkulu yomkhiqizo ephuma phakathi nendawo. Ukuzulazula kwesigaba kuyigridi yamakhadi amane anombala ofanayo kumakholomu amane, ngalinye liqukethe imodeli eyodwa yezicathulo eziphakathi nendawo. Ngaphansi kokugoqwa, ukwakheka kushintshana phakathi kwamaphaneli ahlukaniswe ububanzi obugcwele (isithombe sendlela yokuphila ngakwesobunxele + isampula yomkhiqizo ngakwesokudla) kanye nama-carousel omkhiqizo aphakathi nendawo ngaphansi kwesihloko sesigaba esincane, esigcizelelwe. Isigqi esiphelele yilesi: iphaneli yokuhlela egcwele ububanzi → igridi yamakholomu amane → i-carousel yomkhiqizo ephakathi nendawo → ukuhlukaniswa kwamakholomu amabili → i-carousel yomkhiqizo ephakathi nendawo. Isikhala phakathi kwezigaba singama-40-56px, okudala izinguquko ezinomoya kodwa ezingeqisi. Ukuzulazula kuyibha ephezulu eqondile, elungisiwe enezixhumanisi eziyinhloko eziphakathi nendawo.
Ukuthwebula izithombe kuyisistimu yonke yokubuka. Zonke izithombe zomkhiqizo ziseduze, kusukela ekhoneni elincane, ngokumelene nesizinda esiqinile esifanela noma esihambisana nombala wokugqamisa wesicathulo, okwenza isithombe ngasinye sibe isifundo sombala ngempumelelo. Izithombe zendlela yokuphila zithwetshulwa ngemibala efudumele, enelanga, ezindaweni zemvelo (amasimu e-agave, amadekhi okhuni, indawo enzima), zithulisiwe kancane ukuze zifane nephalethi ethulisiwe. Azikho imidwebo, azikho izithombe ze-3D, azikho ihluzo ezingabonakali. Ngokubambisana ne-Pantone, iphalethi yombala engokoqobo isetshenziswa njengesici sesithombe. I-iconography incane kakhulu futhi i-monochrome (izithonjana ezichazayo ezikhundleni zokuzulazula nezokusiza).
Iphalethi
Okungathathi hlangothi
- Canvas White
#ffffff— Izithombe zangemuva zekhasi, izindawo zamakhadi, izithombe zangemuva zekhadi lomkhiqizo. - Charcoal
#212121— Umbala ongathathi hlangothi uyasekelwa ezintweni zesibili ze-UI, abahlukanisi, kanye namalebula athulisiwe. Akufanele usetshenziswe njengombala oyinhloko wokubiza isenzo. - True Black
#000000— Izihloko, izithonjana, ozimele abahluke kakhulu, umbhalo wokuzulazula. - Warm Sand
#e0dacf— Ingemuva lesigaba esiyinhloko, umthunzi owengeziwe wobuso, amaphaneli amakhulu okuhlela. - Olive Char
#222519— Umbala ongathathi hlangothi uyasekelwa ezintweni zesibili ze-UI, abahlukanisi, kanye namalebula athulisiwe. Akufanele usetshenziswe njengombala oyinhloko wokubiza isenzo. - Iron Gray
#525252— Umbhalo wesibili, umbhalo osizayo, ozimele abangaphazamisi.
Ukuthayipha
kusukela ku-12 kuya ku-40px · izinyathelo ezingu-6
- Self Modern — esikhundleni: Playfair Display · izinhlaka 400 · Izihloko zezindaba kanye nokuhlela kusetshenziswa kancane, kugqamisa imishwana ebalulekile kanye nezihloko zeqoqo. Umbhalo we-serif nowe-italic uhlukanisa ukuthambekela kombhalo we-sans-serif futhi udlulise umyalezo othi: "Lona umongo wendaba."
- Geograph — esikhundleni: Inter · izinhlaka 400, 500, 700 · Ifonti eyinhloko yesikhombimsebenzisi somsebenzisi ihlanganisa umbhalo womzimba, amalebula okuzulazula, izinkinobho, izihloko zomkhiqizo, izisekelo, izinkambu zokufaka, kanye nezithonjana. 500 yezihloko ezigqanyisiwe, 700 yamagama omkhiqizo. Isikhala sezinhlamvu ezibanzi (0.025em–0.10em) ngezinhlamvu ezinkulu kumalebula okuzulazula kanye nezigaba sisungula isitayela somkhiqizo esihambisanayo.
- HurmeGeometricSans3 — esikhundleni: Inter · izinhlaka 400 · Ayisetshenziswa kakhulu njenge-backup noma ilebula elinikezelwe inkinobho. I-Geograph isebenzisa lolu hlelo nsuku zonke.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | minyene |
| Isinyathelo esiyisisekelo | 8-16px |
| Irediyasi yenkinobho | 9999px (pill) |
| Irediyasi yekhadi | 16px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 40-56px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Allbirds futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- Lightship — I-diorama yesinema yomgwaqo ovulekile. Izindonga zegalari efudumele ehlotshiswe ngezithombe ezinkulu zezwe ezifakwe eduze, uhlobo olumnyama oluncane olungabonakali kahle ohlakeni, kanye nophawu olulodwa olukhanyayo oluphuzi oluphula umbala okhanyayo njengomlilo ovuthayo edlelweni.
- Faire ES — ikhathalogi ethengiswa ngobuningi yokhilimu ofudumele
- Adanola — Incwadi yokubuka ephepheni elimhlophe. Isithombe semfashini lapho ukuthayipha kanye nezithombe kuphefumulela khona ezindaweni ezimhlophe ezihlanzekile, ngoyinki omnyama wohlobo lokuthayipha kanye nefonti engabonakali kahle (i-Favorit), ekhombisa isitayela somkhiqizo jikelele.
- Oura Ring — Indawo yokusebenzela yokwenza i-oatmeal ethokomele, ehlanjululwe emini ethambile
- Stykka — Ishabhu laseScandinavia elinokukhanya okumhlophe – indawo yokubonisa ethule, eyenziwe ngezandla lapho izwi kuphela liyizithombe
- DJI — Indwangu emnyama yendiza ene-elekthronikhi eyodwa eluhlaza okwesibhakabhaka
- Altitude Beverages — Ukusabalala komagazini we-monochrome. Cabanga ngomagazini wemfashini ohlukaniswe yonke imibala ngaphandle kwezithombe ezinganyakazi—umbhalo nendawo emhlophe kulandisa yonke indaba.
- AATHER — Isundu elivulekile, ilangabi elilodwa - ukunethezeka okuthule okuqukethwe ukuthula
- Cowboy — Igalari yamabhayisikili aseBelgium endaweni yokuhlobisa i-porcelain emhlophe njengeqhwa. Igumbi lokubonisa lapho ubuso obungacwebezeli khona, amafonti amakhulu asetshenziswa ezintweni zokuhlela, kanye nokungabikho kokuhlobisa okubonakalayo kudonsela iso ebhayisikilini kanye nokuqukethwe kwalo.
- Refero — Isakhiwo sokuhlela kumabula amhlophe - ikhasi lomkhiqizo elidalwe ngumdwebi wokubhala, lapho isihloko se-serif siyikhadi lokushaya lomkhiqizo, futhi konke okunye akubonakali
- Face Formula — Isithombe somhleli waseScandinavia. Ukusabalala okuzolile, okufana nomagazini, lapho amehlo omodeli kanye nesihloko, esibhalwe ngefonti emfushane ye-serif, kuzikhulumela ngokwako ngokumelene nesizinda esipholile nesinomswakama.
- Shupatto — Ibhokisi lokubonisa lemyuziyamu elise-marble emhlophe