Allbirds
Natural nga mga materyales sa puti nga lino
Ang Allbirds naglihok nga malinawon ug natural nga masaligon—usa ka halos hingpit nga achromatic canvas, nga gidugangan sa mainit nga balas (#e0dacf) ug muted earth tones nga gikuha direkta gikan sa product photography. Ang user interface wala makabalda sa kasinatian sa produkto: puti nga mga nawong, nipis nga mga border, all-caps navigation, ug mga kontrol nga porma og pildoras nga mas morag pisikal nga mga butones kaysa mga elemento sa web. Ang Self Modern (usa ka custom serif font) gigamit alang sa pipila ka hinungdanon nga mga gutlo nga nanginahanglan og atensyon sa editoryal—mga headline ug mga ngalan sa koleksyon—samtang ang Geograph gigamit alang sa matag letra, body copy, ug butones sa tulo ka balanse nga gibug-aton. Ang mga category card nahimong usa ka sistema sa kolor: ang matag usa nagkuha sa background hue gikan sa featured nga produkto, nga nag-usab sa nabigasyon ngadto sa usa ka buhi nga Pantone palette.
Ang pinakataas nga gilapdon kay ~1200px, nakasentro nga adunay lapad nga padding sa kilid. Ang pangunang elemento kay usa ka full-width editorial strip sa usa ka mainit nga balas nga background nga adunay usa ka dako nga product carousel nga nagdan-ag gikan sa tunga. Ang nabigasyon sa kategorya kay usa ka grid sa upat ka parehas nga kolor nga mga kard sa upat ka kolum, ang matag usa adunay usa ka nakasentro nga modelo sa sapatos. Sa ubos sa pilo, ang layout nagpuli-puli tali sa full-width split panels (lifestyle photo sa wala + product sample sa tuo) ug nakasentro nga product carousels ubos sa gamay, gi-underline nga titulo sa seksyon. Ang kinatibuk-ang ritmo kay: full-width editorial panel → four-column grid → centered product carousel → two-column split → centered product carousel. Ang gilay-on tali sa mga seksyon kay 40-56px, nga nagmugna og airy apan dili makapabug-at nga mga transisyon. Ang nabigasyon kay usa ka minimalist, fixed top bar nga adunay nakasentro nga primary links.
Ang potograpiya mao ang tibuok nga sistema sa biswal. Ang tanang kuha sa produkto kay close-up, gikan sa gamay nga anggulo, batok sa usa ka solidong background nga mohaom o mokomplemento sa kolor sa sapatos, nga epektibong naghimo sa matag litrato nga usa ka pagtuon sa kolor. Ang mga litrato sa estilo sa kinabuhi gikuha sa mainiton, maaraw nga mga tono, sa natural nga mga setting (mga umahan sa agave, mga deck nga kahoy, mga gansangon nga yuta), hinay nga gi-mute aron mohaom sa gi-mute nga paleta. Walay mga ilustrasyon, walay 3D renders, walay abstract graphics. Sa pakigtambayayong sa Pantone, ang literal nga paleta sa kolor gigamit isip usa ka graphic element. Ang iconography kay minimalist ug monochrome (mga outline icon sa nabigasyon ug auxiliary positions).
Paleta
Neutral
- Canvas White
#ffffff— Mga hulagway sa background sa panid, mga nawong sa kard, mga hulagway sa background sa product card. - Charcoal
#212121— Gisuportahan ang neyutral nga kolor para sa mga secondary UI elements, dividers, ug muted labels. Dili kini angay gamiton isip primary color para sa mga call to action. - True Black
#000000— Mga ulohan, mga icon, mga frame nga taas og contrast, teksto sa nabigasyon. - Warm Sand
#e0dacf— Background sa pangunang seksyon, dugang nga landong sa ibabaw, dagkong mga panel sa editoryal. - Olive Char
#222519— Gisuportahan ang neyutral nga kolor para sa mga secondary UI elements, dividers, ug muted labels. Dili kini angay gamiton isip primary color para sa mga call to action. - Iron Gray
#525252— Sekondaryang teksto, katabang nga teksto, dili makahasol nga mga bayanan.
Tipograpiya
gikan sa 12 ngadto sa 40px · 6 ka lakang
- Self Modern — kapuli: Playfair Display · mga balangkas 400 · Ang mga ulohan sa balita ug editoryal gigamit nga panagsa ra, nga nagpasiugda sa mga importanteng hugpong sa mga pulong ug mga titulo sa koleksyon. Ang serif ug italic nga mga tipo sa letra nagbungkag sa ka-monotony sa mga sans-serif nga tipo sa letra ug nagpahayag sa mensahe: "Mao kini ang esensya sa istorya."
- Geograph — kapuli: Inter · mga balangkas 400, 500, 700 · Ang pangunang font para sa user interface naglakip sa body text, navigation labels, mga butones, product headings, footers, input fields, ug mga icons. 500 para sa highlighted headings, 700 para sa mga ngalan sa produkto. Ang lapad nga letter spacing (0.025em–0.10em) sa dagkong mga letra sa navigation labels ug mga kategorya nagmugna og makanunayon nga brand style.
- HurmeGeometricSans3 — kapuli: Inter · mga balangkas 400 · Talagsa ra gamiton isip backup o dedicated label para sa usa ka buton. Gigamit sa Geograph kini nga sistema kada adlaw.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | dasok |
| Batakang lakang | 8-16px |
| Radius sa butones | 9999px (pill) |
| Radius sa kard | 16px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 40-56px |
| Lapad sa panid | 1200px |
Ang AI motukod sa imong website sa estilo sa Allbirds ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Lightship — Usa ka sinematikong diorama sa bukas nga dalan. Mainit nga krema nga mga bungbong sa gallery nga gidayandayanan sa dagkong mga litrato sa talan-awon nga gibutang sa duol nga mga distansya, nipis nga itom nga tipo nga halos dili makita sa mga frame, ug usa ka hayag nga orange nga accent nga nagbungkag sa monochrome sama sa siga sa usa ka sibsibanan.
- Faire ES — pakyawan nga katalogo sa mainit nga cream
- Adanola — Usa ka editorial lookbook sa puti nga papel. Usa ka fashion shoot diin ang tipograpiya ug potograpiya nagginhawa sa limpyo nga puti nga mga nawong, nga adunay itom nga tinta para sa typeface ug usa ka pino nga pirma nga sans-serif font (Favorit), nga nagpakita sa kinatibuk-ang estilo sa brand.
- Oura Ring — Usa ka komportable nga workshop sa paghimo og oatmeal, nga giligoan sa humok nga kahayag sa adlaw
- Stykka — Usa ka Scandinavian workshop sa puti nga kahayag – usa ka hilom, hinimo sa kamot nga showroom diin ang bugtong tingog mao ang potograpiya
- DJI — aerospace black canvas nga adunay usa ka electric blue highlight
- Altitude Beverages — Monochrome nga pagkatag sa magasin. Handurawa ang usa ka pagkatag sa magasin sa uso nga gihuboan sa tanang kolor gawas sa mga litrato—ang teksto ug puti nga espasyo nagsaysay sa tibuok istorya.
- AATHER — Usa ka bukas nga palad, usa ka siga - usa ka hilom nga luho nga anaa sa kahilom
- Cowboy — Usa ka galeriya sa bisikleta sa Belgium nga adunay puti nga porselana nga setting. Usa ka showroom diin ang matte nga mga nawong, dagkong mga font nga gigamit sa mga materyales sa editoryal, ug halos walay dekorasyon nakadani sa atensyon ngadto sa bisikleta ug sa mga sulod niini.
- Refero — Layout sa editoryal sa puti nga marmol - usa ka panid sa produkto nga gihimo sa usa ka typographer, diin ang serif headline mao ang calling card sa brand, ug ang tanan dili makabalda
- Face Formula — Usa ka Scandinavian nga editoryal nga hulagway. Usa ka kalmado, estilo sa magasin nga pagkaylap, diin ang panan-aw sa modelo ug ang ulohan, nga gisulat sa usa ka mubu nga serif font, nagsulti alang sa ilang kaugalingon batok sa usa ka bugnaw ug gabon nga background.
- Shupatto — Kahon sa eksibit sa museyo nga hinimo sa puti nga marmol