Allbirds
Natuerlike materialen op wyt linnen
Allbirds operearret mei in rêstich, natuerlik selsbetrouwen - in hast folslein achromatysk doek, oanfolle troch waarm sân (#e0dacf) en gedempte ierdtinten dy't direkt út produktfotografy helle binne. De brûkersynterface bemuoit him net mei de produktûnderfining: wite oerflakken, tinne rânen, navigaasje mei allinnich haadletters, en pilfoarmige kontrôles dy't mear fiele as fysike knoppen dan as web-eleminten. Self Modern (in oanpast serif-lettertype) wurdt brûkt foar de pear krúsjale mominten dy't redaksjonele oandacht fereaskje - koppen en kolleksjenammen - wylst Geograph brûkt wurdt foar elke lettering, lichemtekst en knop yn trije lykwichtige gewichten. Kategorykaarten wurde in kleursysteem: elk nimt syn eftergrûnkleur fan it featured produkt, wêrtroch't de navigaasje transformearre wurdt yn in libbend Pantone-palet.
De maksimale breedte is ~1200px, sintraal mei royale sydpadding. It wichtichste elemint is in redaksjonele strip oer folsleine breedte op in waarm sânachtergrûn mei in grutte produktkarrousel dy't út it sintrum útstrielt. De kategorynavigaasje is in raster fan fjouwer identyk kleurde kaarten yn fjouwer kolommen, elk mei in inkele sintraal skuonmodel. Under de fold wikselet de yndieling tusken splitpanielen oer folsleine breedte (lifestylefoto oan de linkerkant + produktfoarbyld oan de rjochterkant) en sintraal produktkarrousels ûnder in lytse, ûnderstreke seksjetitel. It algemiene ritme is: redaksjoneel paniel oer folsleine breedte → raster mei fjouwer kolommen → sintraal produktkarrousel → split mei twa kolommen → sintraal produktkarrousel. De ôfstân tusken seksjes is 40-56px, wêrtroch't luchtige, mar net oerweldigjende oergongen ûntsteane. De navigaasje is in minimalistyske, fêste boppeste balke mei sintraal primêre keppelings.
Fotografie is it hiele fisuele systeem. Alle produktfoto's binne close-up, fanút in lichte hoeke, tsjin in solide eftergrûn dy't oerienkomt mei of komplementearret de aksintkleur fan 'e skuon, wêrtroch elke foto effektyf in kleurstúdzje wurdt. De libbensstylfoto's binne makke yn waarme, sinnige toanen, yn natuerlike omjouwings (agavefjilden, houten terrassen, rûch terrein), subtyl gedempt om te passen by it gedempte palet. Der binne gjin yllustraasjes, gjin 3D-renderings, gjin abstrakte grafiken. Yn gearwurking mei Pantone wurdt it letterlike kleurenpalet brûkt as in grafysk elemint. De ikonografy is minimalistysk en monochroom (omtrekikoanen yn navigaasje- en helpposysjes).
Palet
Neutraal
- Canvas White
#ffffff— Eftergrûnôfbyldings fan siden, kaartoerflakken, eftergrûnôfbyldings fan produktkaarten. - Charcoal
#212121— In neutrale kleur wurdt stipe foar sekundêre UI-eleminten, skiedingstekens en gedempte labels. It moat net brûkt wurde as de primêre kleur foar oprop ta aksje. - True Black
#000000— Kopteksten, ikoanen, frames mei heech kontrast, navigaasjetekst. - Warm Sand
#e0dacf— Achtergrûn fan 'e haadseksje, ekstra oerflakskaad, grutte redaksjonele panielen. - Olive Char
#222519— In neutrale kleur wurdt stipe foar sekundêre UI-eleminten, skiedingstekens en gedempte labels. It moat net brûkt wurde as de primêre kleur foar oprop ta aksje. - Iron Gray
#525252— Sekundêre tekst, helptekst, ûnopfallende frames.
Typografy
fan 12 oant 40px · 6 stappen
- Self Modern — ferfanging: Playfair Display · sketsen 400 · Kopteksten en redaksjes wurde sparjend brûkt, wêrby't wichtige útdrukkings en titels fan kolleksjes markearre wurde. Serif- en italyske lettertypen brekke de monotonie fan sans-serif-lettertypen en bringe de boadskip oer: "Dit is de essinsje fan it ferhaal."
- Geograph — ferfanging: Inter · sketsen 400, 500, 700 · It primêre lettertype foar de brûkersynterface omfettet lichemstekst, navigaasjelabels, knoppen, produktkoppen, fuotteksten, ynfierfjilden en ikoanen. 500 foar markearre koppen, 700 foar produktnammen. Brede letterôfstân (0.025em–0.10em) yn haadletters yn navigaasjelabels en kategoryen soarget foar in konsekwinte merkstyl.
- HurmeGeometricSans3 — ferfanging: Inter · sketsen 400 · Selden brûkt as reservekopy of tawijd label foar in knop. Geograph brûkt dit systeem alle dagen.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 8-16px |
| Knopradius | 9999px (pill) |
| Kaartradius | 16px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 40-56px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn Allbirds -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Lightship — In filmysk diorama fan 'e iepen dyk. Waarme crèmekleurige galerymuorren fersierd mei grutte lânskipsfoto's dy't op koarte yntervallen monteard binne, tinne swarte letters dy't amper sichtber binne op 'e frames, en in inkele helder oranje aksint dy't it monochrome brekt as in fjoer yn in greide.
- Faire ES — gruthannelkatalogus fan waarme crème
- Adanola — In redaksjonele lookbook op wyt papier. In moadeshoot dêr't typografy en fotografy sykhelje op skjinne wite oerflakken, mei swarte inket foar it lettertype en in subtyl signature sans-serif lettertype (Favorit), dat de algemiene styl fan it merk wjerspegelet.
- Oura Ring — In noflike workshop havermoutmeitsjen, badend yn sêft deiljocht
- Stykka — In Skandinavyske workshop yn wyt ljocht - in rêstige, mei de hân makke showroom dêr't de ienige stim fotografy is
- DJI — swart kanvas fan romtefeart mei in inkele elektrysk blauwe hichtepunt
- Altitude Beverages — Monochrome tydskriftfersprieding. Stel jo in moadetydskriftfersprieding foar sûnder alle kleur útsein de foto's - de tekst en wite romte fertelle it hiele ferhaal.
- AATHER — In iepen hânpalm, in inkele flam - in stille lúkse befette yn stilte
- Cowboy — In Belgyske fytsgalery yn in sniewyt porseleinen setting. In showroom dêr't matte oerflakken, grutte lettertypen dy't brûkt wurde yn redaksjonele materialen, en in praktyske ôfwêzigens fan dekoraasje de oandacht lûke op 'e fyts en syn ynhâld.
- Refero — Redaksjonele yndieling op wyt moarmer - in produktside makke troch in typograaf, wêrby't de serif-koptekst it visitekaartsje fan it merk is, en al it oare ûnopfallend is.
- Face Formula — In Skandinavysk redaksjoneel portret. In rêstige útwreiding yn tydskriftstyl, dêr't de blik fan it model en de koptekst, skreaun yn in komprimearre serif-lettertype, foar harsels sprekke tsjin in koele, mistige eftergrûn.
- Shupatto — Museumvitrine op wyt moarmer