Allbirds
Naturmaterialer på hvitt lin
Allbirds opererer med en rolig, naturlig selvtillit – et nesten utelukkende akromatisk lerret, supplert av varme sandtoner (#e0dacf) og dempede jordtoner hentet direkte fra produktfotografering. Brukergrensesnittet forstyrrer ikke produktopplevelsen: hvite overflater, tynne rammer, navigasjon med store bokstaver og pilleformede kontroller som føles mer som fysiske knapper enn webelementer. Self Modern (en tilpasset serif-skrifttype) brukes til de få avgjørende øyeblikkene som krever redaksjonell oppmerksomhet – overskrifter og kolleksjonsnavn – mens Geograph brukes til hver bokstav, brødtekst og knapp i tre balanserte vekter. Kategorikort blir et fargesystem: hvert tar sin bakgrunnsfarge fra det aktuelle produktet, og forvandler navigasjonen til en levende Pantone-palett.
Maksimal bredde er ~1200 piksler, sentrert med generøs sidepolstring. Hovedelementet er en redaksjonell stripe i full bredde på en varm sandbakgrunn med en stor produktkarusell som stråler ut fra midten. Kategorinavigasjonen er et rutenett med fire identiske fargede kort i fire kolonner, som hver inneholder en enkelt sentrert skomodell. Under bretten veksler layouten mellom delte paneler i full bredde (livsstilbilde til venstre + produktprøve til høyre) og sentrerte produktkaruseller under en liten, understreket seksjonstittel. Den overordnede rytmen er: redaksjonelt panel i full bredde → rutenett med fire kolonner → sentrert produktkarusell → delt med to kolonner → sentrert produktkarusell. Avstanden mellom seksjonene er 40–56 piksler, noe som skaper luftige, men ikke overveldende overganger. Navigasjonen er en minimalistisk, fast topplinje med sentrerte primære lenker.
Fotografi er hele det visuelle systemet. Alle produktbilder er nærbilder, fra en svak vinkel, mot en solid bakgrunn som matcher eller komplementerer skoens aksentfarge, noe som effektivt gjør hvert bilde til en fargestudie. Livsstilsbildene er tatt i varme, solfylte toner, i naturlige omgivelser (agaveåkre, treterrasser, ulendt terreng), subtilt dempet for å matche den dempede paletten. Det er ingen illustrasjoner, ingen 3D-gjengivelser, ingen abstrakt grafikk. I samarbeid med Pantone brukes den bokstavelige fargepaletten som et grafisk element. Ikonografien er minimalistisk og monokrom (konturikoner i navigasjon og hjelpeposisjoner).
Palett
Nøytral
- Canvas White
#ffffff— Bakgrunnsbilder på side, kortoverflater, bakgrunnsbilder på produktkort. - Charcoal
#212121— En nøytral farge støttes for sekundære UI-elementer, skillevegger og dempede etiketter. Den bør ikke brukes som primærfarge for handlingsfremmende oppfordringer. - True Black
#000000— Overskrifter, ikoner, rammer med høy kontrast, navigasjonstekst. - Warm Sand
#e0dacf— Bakgrunn for hovedseksjon, ekstra overflateskygge, store redaksjonelle paneler. - Olive Char
#222519— En nøytral farge støttes for sekundære UI-elementer, skillevegger og dempede etiketter. Den bør ikke brukes som primærfarge for handlingsfremmende oppfordringer. - Iron Gray
#525252— Sekundærtekst, hjelpetekst, diskrete rammer.
Typografi
fra 12 til 40 piksler · 6 trinn
- Self Modern — erstatning: Playfair Display · omriss 400 · Overskrifter og lederartikler brukes sparsomt, og fremhever nøkkelfraser og samlingstitler. Serif- og kursivskrifttyper bryter monotonien i sans-serif-skrifttyper og formidler budskapet: «Dette er essensen av historien.»
- Geograph — erstatning: Inter · omriss 400, 500, 700 · Hovedskrifttypen for brukergrensesnittet inkluderer brødtekst, navigasjonsetiketter, knapper, produktoverskrifter, bunntekster, inndatafelt og ikoner. 500 for uthevede overskrifter, 700 for produktnavn. Bred bokstavavstand (0,025–0,10 cm) i store bokstaver i navigasjonsetiketter og kategorier etablerer en konsistent merkevarestil.
- HurmeGeometricSans3 — erstatning: Inter · omriss 400 · Brukes sjelden som en reserve eller dedikert etikett for en knapp. Geograph bruker dette systemet daglig.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | tett |
| Grunnleggende trinn | 8-16px |
| Knapperadius | 9999px (pill) |
| Kortradius | 16px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 40-56px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Allbirds -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Lightship — Et filmatisk diorama av åpen vei. Varme kremfargede gallerivegger utsmykket med store landskapsfotografier montert med tett mellomrom, tynn svart skrift knapt synlig på rammene, og en enkelt knalloransje aksent som bryter monokromen som et bål på en eng.
- Faire ES — engroskatalog med varm krem
- Adanola — En redaksjonell lookbook på hvitt papir. En motefotografering der typografi og fotografi puster på rene hvite overflater, med svart blekk som skrifttype og en subtil signatur sans-serif-skrifttype (Favorit), som gjenspeiler merkets overordnede stil.
- Oura Ring — Et koselig havregrøtlagingsverksted, badet i mykt dagslys
- Stykka — Et skandinavisk verksted i hvitt lys – et stille, håndlaget showroom der den eneste stemmen er fotografi
- DJI — svart lerret fra romfart med et enkelt elektrisk blått høydepunkt
- Altitude Beverages — Monokromt magasinoppslag. Se for deg et motemagasinoppslag strippet for all farge bortsett fra stillbildene – teksten og det hvite området forteller hele historien.
- AATHER — En åpen håndflate, en enkelt flamme – en stille luksus inneholdt i stillhet
- Cowboy — Et belgisk sykkelgalleri i snøhvit porselenssetting. Et utstillingslokale hvor matte overflater, store fonter i redaksjonelt materiale og et så godt som fravær av dekorasjon trekker blikket mot sykkelen og dens innhold.
- Refero — Redaksjonell layout på hvit marmor – en produktside laget av en typograf, der serif-overskriften er merkets visittkort, og alt annet er diskret
- Face Formula — Et skandinavisk redaksjonelt portrett. Et rolig oppslag i magasinstil, der modellens blikk og overskriften, skrevet med en kondensert serif-skrift, taler for seg selv mot en kjølig, tåkete bakgrunn.
- Shupatto — Museumsmontre på hvit marmor