Allbirds
Deunyddiau naturiol ar liain gwyn
Mae Allbirds yn gweithredu gyda hyder tawel, naturiol—cynfas bron yn gyfan gwbl acromatig, wedi'i ategu gan dywod cynnes (#e0dacf) a thonau daear tawel a dynnwyd yn uniongyrchol o ffotograffiaeth cynnyrch. Nid yw'r rhyngwyneb defnyddiwr yn ymyrryd â phrofiad y cynnyrch: arwynebau gwyn, ffiniau tenau, llywio priflythrennau i gyd, a rheolyddion siâp pilsen sy'n teimlo'n fwy fel botymau corfforol nag elfennau gwe. Defnyddir Self Modern (ffont serif personol) ar gyfer yr ychydig eiliadau hollbwysig sydd angen sylw golygyddol—penawdau ac enwau casgliadau—tra bod Geograph yn cael ei ddefnyddio ar gyfer pob llythrennu, copi corff, a botwm mewn tri phwysau cytbwys. Mae cardiau categori yn dod yn system liw: mae pob un yn cymryd ei liw cefndir o'r cynnyrch dan sylw, gan drawsnewid y llywio yn balet Pantone byw.
Y lled mwyaf yw ~1200px, wedi'i ganoli gyda padin ochr hael. Y prif elfen yw stribed golygyddol lled llawn ar gefndir tywod cynnes gyda charwsél cynnyrch mawr yn pelydru o'r canol. Mae llywio'r categori yn grid o bedwar cerdyn lliw union yr un fath mewn pedair colofn, pob un yn cynnwys un model esgid canolog. O dan y plyg, mae'r cynllun yn newid rhwng paneli hollti lled llawn (llun ffordd o fyw ar y chwith + sampl cynnyrch ar y dde) a charwsél cynnyrch canolog o dan deitl adran fach, wedi'i danlinellu. Y rhythm cyffredinol yw: panel golygyddol lled llawn → grid pedair colofn → carwsél cynnyrch canolog → hollt dwy golofn → carwsél cynnyrch canolog. Y bylchau rhwng adrannau yw 40-56px, gan greu trawsnewidiadau awyrog ond nid llethol. Mae'r llywio yn far uchaf sefydlog, minimalist gyda dolenni cynradd canolog.
Ffotograffiaeth yw'r system weledol gyfan. Mae pob llun cynnyrch yn agos-i-fyny, o ongl fach, yn erbyn cefndir solet sy'n cyd-fynd â lliw acen yr esgid neu'n ei ategu, gan droi pob llun yn astudiaeth lliw yn effeithiol. Mae'r lluniau ffordd o fyw wedi'u tynnu mewn tonau cynnes, heulog, mewn lleoliadau naturiol (caeau agave, deciau pren, tir garw), wedi'u tawelu'n gynnil i gyd-fynd â'r palet tawel. Nid oes unrhyw ddarluniau, dim rendradau 3D, dim graffeg haniaethol. Mewn cydweithrediad â Pantone, defnyddir y palet lliw llythrennol fel elfen graffig. Mae'r eiconograffeg yn finimalaidd ac yn monocrom (eiconau amlinellol mewn safleoedd llywio ac ategol).
Palet
Niwtral
- Canvas White
#ffffff— Delweddau cefndir tudalen, arwynebau cardiau, delweddau cefndir cardiau cynnyrch. - Charcoal
#212121— Cefnogir lliw niwtral ar gyfer elfennau UI eilaidd, rhannwyr, a labeli tawel. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer galwadau i weithredu. - True Black
#000000— Penawdau, eiconau, fframiau cyferbyniad uchel, testun llywio. - Warm Sand
#e0dacf— Cefndir y prif adran, cysgod arwyneb ychwanegol, paneli golygyddol mawr. - Olive Char
#222519— Cefnogir lliw niwtral ar gyfer elfennau UI eilaidd, rhannwyr, a labeli tawel. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer galwadau i weithredu. - Iron Gray
#525252— Testun eilaidd, testun ategol, fframiau di-sylw.
Teipograffeg
o 12 i 40px · 6 cham
- Self Modern — amnewid: Playfair Display · amlinelliadau 400 · Defnyddir penawdau ac erthyglau golygyddol yn gynnil, gan amlygu ymadroddion allweddol a theitlau casgliadau. Mae ffontiau serif ac italig yn torri undonedd ffontiau sans-serif ac yn cyfleu'r neges: "Dyma hanfod y stori."
- Geograph — amnewid: Inter · amlinelliadau 400, 500, 700 · Mae'r prif ffont ar gyfer y rhyngwyneb defnyddiwr yn cynnwys testun corff, labeli llywio, botymau, penawdau cynnyrch, troednodau, meysydd mewnbwn ac eiconau. 500 ar gyfer penawdau wedi'u hamlygu, 700 ar gyfer enwau cynnyrch. Mae bylchau llythrennau eang (0.025em–0.10em) mewn priflythrennau mewn labeli a chategorïau llywio yn sefydlu arddull brand gyson.
- HurmeGeometricSans3 — amnewid: Inter · amlinelliadau 400 · Anaml y caiff ei ddefnyddio fel label wrth gefn neu label pwrpasol ar gyfer botwm. Mae Geograph yn defnyddio'r system hon yn ddyddiol.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | dwys |
| Cam sylfaenol | 8-16px |
| Radiws botwm | 9999px (pill) |
| Radiws y cerdyn | 16px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 40-56px |
| Lled y dudalen | 1200px |
Bydd AI yn adeiladu eich gwefan yn null Allbirds ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Lightship — Diorama sinematig o'r ffordd agored. Waliau oriel hufen cynnes wedi'u haddurno â ffotograffau tirwedd mawr wedi'u gosod yn agos at ei gilydd, teip du tenau prin yn weladwy ar y fframiau, ac un acen oren llachar yn torri'r monocrom fel tân gwyllt mewn dôl.
- Faire ES — catalog cyfanwerthu o hufen cynnes
- Adanola — Llyfr golwg golygyddol ar bapur gwyn. Sesiwn ffasiwn lle mae teipograffeg a ffotograffiaeth yn anadlu ar arwynebau gwyn glân, gydag inc du ar gyfer y ffont a ffont sans-serif cynnil (Favorit), gan adlewyrchu arddull gyffredinol y brand.
- Oura Ring — Gweithdy gwneud blawd ceirch clyd, wedi'i ymdrochi yng ngolau dydd meddal
- Stykka — Gweithdy Sgandinafaidd mewn golau gwyn – ystafell arddangos dawel, wedi'i gwneud â llaw lle mai ffotograffiaeth yw'r unig lais
- DJI — cynfas du awyrofod gydag uchafbwynt glas trydan sengl
- Altitude Beverages — Cylchgrawn monocrom. Dychmygwch gylchgrawn ffasiwn heb unrhyw liw ac eithrio'r lluniau llonydd—mae'r testun a'r gofod gwyn yn adrodd y stori gyfan.
- AATHER — Palmwydd agored, fflam sengl - moethusrwydd tawel wedi'i gynnwys mewn llonyddwch
- Cowboy — Oriel feiciau o Wlad Belg mewn lleoliad porslen gwyn fel eira. Ystafell arddangos lle mae arwynebau matte, ffontiau mawr a ddefnyddir mewn deunyddiau golygyddol, a diffyg addurn bron yn tynnu'r llygad at y beic a'i gynnwys.
- Refero — Cynllun golygyddol ar farmor gwyn - tudalen gynnyrch a grëwyd gan deipograffydd, lle mae'r pennawd serif yn gerdyn galw'r brand, a phopeth arall yn ddisylw
- Face Formula — Portread golygyddol Sgandinafaidd. Lledaeniad tawel, arddull cylchgrawn, lle mae golwg y model a'r pennawd, wedi'i ysgrifennu mewn ffont serif cryno, yn siarad drostynt eu hunain yn erbyn cefndir oer, niwlog.
- Shupatto — Cas arddangos amgueddfa ar farmor gwyn