Allbirds
Naturmaterialer på hvidt linned
Allbirds opererer med en rolig, naturlig selvtillid – et næsten udelukkende akromatisk lærred, suppleret af varme sandfarver (#e0dacf) og dæmpede jordfarver hentet direkte fra produktfotografering. Brugergrænsefladen forstyrrer ikke produktoplevelsen: hvide overflader, tynde kanter, navigation med store bogstaver og pilleformede kontroller, der føles mere som fysiske knapper end webelementer. Self Modern (en brugerdefineret serif-skrifttype) bruges til de få afgørende øjeblikke, der kræver redaktionel opmærksomhed – overskrifter og kollektionsnavne – mens Geograph bruges til hver bogstav, brødtekst og knap i tre afbalancerede vægte. Kategorikort bliver et farvesystem: hver tager sin baggrundsfarve fra det fremhævede produkt og omdanner navigationen til en levende Pantone-palet.
Den maksimale bredde er ~1200px, centreret med generøs sidepolstring. Hovedelementet er en redaktionel strimmel i fuld bredde på en varm sandbaggrund med en stor produktkarrusel, der udstråler fra midten. Kategorinavigationen er et gitter af fire identisk farvede kort i fire kolonner, der hver indeholder en enkelt centreret skomodel. Under folden skifter layoutet mellem opdelte paneler i fuld bredde (livsstilsfoto til venstre + produktprøve til højre) og centrerede produktkarruseller under en lille, understreget sektionstitel. Den overordnede rytme er: redaktionelt panel i fuld bredde → gitter med fire kolonner → centreret produktkarrusel → opdeling med to kolonner → centreret produktkarrusel. Afstanden mellem sektionerne er 40-56px, hvilket skaber luftige, men ikke overvældende overgange. Navigationen er en minimalistisk, fast topbjælke med centrerede primære links.
Fotografi er hele det visuelle system. Alle produktbilleder er nærbilleder, fra en let vinkel, mod en solid baggrund, der matcher eller komplementerer skoens accentfarve, hvilket effektivt forvandler hvert foto til et farvestudie. Livsstilsbillederne er taget i varme, solrige toner i naturlige omgivelser (agavemarker, træterrasser, ujævnt terræn), diskret dæmpede for at matche den dæmpede palet. Der er ingen illustrationer, ingen 3D-gengivelser, ingen abstrakt grafik. I samarbejde med Pantone bruges den bogstavelige farvepalet som et grafisk element. Ikonografien er minimalistisk og monokrom (konturikoner i navigation og hjælpepositioner).
Palet
Neutral
- Canvas White
#ffffff— Baggrundsbilleder på side, kortoverflader, baggrundsbilleder på produktkort. - Charcoal
#212121— En neutral farve understøttes til sekundære UI-elementer, skillevægge og dæmpede etiketter. Den bør ikke bruges som den primære farve til opfordringer til handling. - True Black
#000000— Overskrifter, ikoner, rammer med høj kontrast, navigationstekst. - Warm Sand
#e0dacf— Baggrund for hovedsektion, ekstra overfladeskygge, store redaktionelle paneler. - Olive Char
#222519— En neutral farve understøttes til sekundære UI-elementer, skillevægge og dæmpede etiketter. Den bør ikke bruges som den primære farve til opfordringer til handling. - Iron Gray
#525252— Sekundærtekst, hjælpetekst, diskrete rammer.
Typografi
fra 12 til 40px · 6 trin
- Self Modern — udskiftning: Playfair Display · konturer 400 · Overskrifter og lederartikler bruges sparsomt og fremhæver nøgleord og samlingstitler. Serif- og kursivskrifttyper bryder monotonien i sans-serif-skrifttyper og formidler budskabet: "Dette er essensen af historien."
- Geograph — udskiftning: Inter · konturer 400, 500, 700 · Den primære skrifttype til brugergrænsefladen omfatter brødtekst, navigationsetiketter, knapper, produktoverskrifter, sidefødder, inputfelter og ikoner. 500 for fremhævede overskrifter, 700 for produktnavne. Bred bogstavafstand (0,025-0,10 cm) med store bogstaver i navigationsetiketter og kategorier skaber en ensartet brandstil.
- HurmeGeometricSans3 — udskiftning: Inter · konturer 400 · Bruges sjældent som backup eller dedikeret etiket til en knap. Geograph bruger dette system dagligt.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | tæt |
| Grundlæggende trin | 8-16px |
| Knapradius | 9999px (pill) |
| Kortradius | 16px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 40-56px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Allbirds -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Lightship — Et filmisk diorama af den åbne landevej. Varme cremefarvede gallerivægge prydet med store landskabsfotografier monteret med tætte mellemrum, tynde sorte skrifttyper knapt synlige på rammerne, og en enkelt lys orange accent, der bryder monokromen som et bål på en eng.
- Faire ES — engroskatalog af varm creme
- Adanola — En redaktionel lookbook på hvidt papir. Et modefotografering, hvor typografi og fotografi ånder på rene, hvide overflader, med sort blæk som skrifttype og en diskret sans-serif-skrifttype (Favorit), der afspejler brandets overordnede stil.
- Oura Ring — Et hyggeligt havregrynsværksted badet i blødt dagslys
- Stykka — Et skandinavisk værksted i hvidt lys – et stille, håndlavet showroom, hvor den eneste stemme er fotografiet
- DJI — Sort rumfartslærred med et enkelt elektrisk blåt højdepunkt
- Altitude Beverages — Monokromt magasinopslag. Forestil dig et modemagasinopslag, der er fjernet for al farve undtagen stillbillederne – teksten og det hvide område fortæller hele historien.
- AATHER — En åben håndflade, en enkelt flamme - en stille luksus indeholdt i stilhed
- Cowboy — Et belgisk cykelgalleri i snehvid porcelænsindretning. Et showroom, hvor matte overflader, store skrifttyper i redaktionelt materiale og en nærmest mangel på dekoration trækker blikket mod cyklen og dens indhold.
- Refero — Redaktionelt layout på hvid marmor - en produktside skabt af en typograf, hvor serif-overskriften er brandets visitkort, og alt andet er diskret
- Face Formula — Et skandinavisk redaktionelt portræt. Et roligt opslag i magasinstil, hvor modellens blik og overskriften, skrevet med en kompakt serif-skrifttype, taler for sig selv mod en kølig, tåget baggrund.
- Shupatto — Museumsmontre på hvid marmor