
Allbirds
Natuurlijke materialen op wit linnen
Allbirds straalt een kalme, natuurlijke zelfverzekerdheid uit – een bijna volledig monochrome basis, aangevuld met warm zand (#e0dacf) en gedempte aardetinten die rechtstreeks afkomstig zijn van productfoto's. De gebruikersinterface staat de productervaring niet in de weg: witte oppervlakken, dunne randen, navigatie in hoofdletters en pilvormige bedieningselementen die meer aanvoelen als fysieke knoppen dan als webelementen. Self Modern (een op maat gemaakt schreeflettertype) wordt gebruikt voor de paar cruciale momenten die redactionele aandacht vereisen – koppen en collectienamen – terwijl Geograph wordt gebruikt voor alle letters, tekst en knoppen in drie uitgebalanceerde diktes. Categoriekaarten fungeren als een kleurensysteem: elke kaart ontleent zijn achtergrondkleur aan het uitgelichte product, waardoor de navigatie verandert in een levendig Pantone-kleurenpalet.
De maximale breedte is ongeveer 1200px, gecentreerd met ruime zijmarges. Het hoofdelement is een redactionele strook over de volledige breedte op een warme zandkleurige achtergrond met een grote productcarrousel die vanuit het midden uitstraalt. De categorienavigatie bestaat uit een raster van vier identieke gekleurde kaarten in vier kolommen, elk met een gecentreerd schoenmodel. Onder de vouwlijn wisselt de lay-out af tussen panelen over de volledige breedte (lifestylefoto links + productvoorbeeld rechts) en gecentreerde productcarrousels onder een kleine, onderstreepte sectietitel. Het algehele ritme is: redactioneel paneel over de volledige breedte → raster met vier kolommen → gecentreerde productcarrousel → splitsing in twee kolommen → gecentreerde productcarrousel. De afstand tussen de secties is 40-56px, wat zorgt voor luchtige maar niet overweldigende overgangen. De navigatie is een minimalistische, vaste bovenbalk met gecentreerde primaire links.
Fotografie vormt het complete visuele systeem. Alle productfoto's zijn close-ups, vanuit een lichte hoek, tegen een effen achtergrond die past bij of een aanvulling vormt op de accentkleur van de schoen, waardoor elke foto in feite een kleurenstudie wordt. De lifestylefoto's zijn gemaakt in warme, zonnige tinten, in natuurlijke omgevingen (agavevelden, houten terrassen, ruig terrein), subtiel gedempt om aan te sluiten bij het ingetogen kleurenpalet. Er zijn geen illustraties, geen 3D-renders, geen abstracte afbeeldingen. In samenwerking met Pantone wordt het letterlijke kleurenpalet als grafisch element gebruikt. De iconografie is minimalistisch en monochroom (omtrekpictogrammen in navigatie- en hulpfuncties).
Palet
Neutrale
- Canvas White
#ffffff— Achtergrondafbeeldingen van pagina's, kaartoppervlakken, achtergrondafbeeldingen van productkaarten. - Charcoal
#212121— Een neutrale kleur wordt ondersteund voor secundaire UI-elementen, scheidingslijnen en gedempte labels. Deze kleur mag niet worden gebruikt als primaire kleur voor call-to-action-knoppen. - True Black
#000000— Kopteksten, pictogrammen, contrastrijke kaders, navigatietekst. - Warm Sand
#e0dacf— Achtergrond van het hoofdgedeelte, extra schaduw op het oppervlak, grote redactionele panelen. - Olive Char
#222519— Een neutrale kleur wordt ondersteund voor secundaire UI-elementen, scheidingslijnen en gedempte labels. Deze kleur mag niet worden gebruikt als primaire kleur voor call-to-action-knoppen. - Iron Gray
#525252— Secundaire tekst, aanvullende tekst, onopvallende kaders.
Typografie
van 12 tot 40px · 6 stappen
- Self Modern — vervanging: Playfair Display · overzichten 400 · Kopregels en redactionele stukken worden spaarzaam gebruikt om belangrijke zinsneden en titels van collecties te benadrukken. Schreef- en cursieve lettertypen doorbreken de eentonigheid van schreefloze lettertypen en brengen de boodschap over: "Dit is de essentie van het verhaal."
- Geograph — vervanging: Inter · overzichten 400, 500, 700 · Het primaire lettertype voor de gebruikersinterface omvat de hoofdtekst, navigatielabels, knoppen, productkoppen, voetteksten, invoervelden en pictogrammen. 500 voor gemarkeerde koppen, 700 voor productnamen. Ruime letterafstand (0,025em–0,10em) in hoofdletters in navigatielabels en categorieën zorgt voor een consistente merkstijl.
- HurmeGeometricSans3 — vervanging: Inter · overzichten 400 · Wordt zelden gebruikt als back-up of als specifiek label voor een knop. Geograph gebruikt dit systeem dagelijks.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gespannen |
| Basisstap | 8-16px |
| Knopradius | 9999px (pill) |
| Kaartradius | 16px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 40-56px |
| Paginabreedte | 1200px |
AI bouwt je website in de stijl Allbirds en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Lightship — Een filmisch diorama van de open weg. Warme crèmekleurige galeriewanden versierd met grote landschapsfoto's die dicht op elkaar zijn gemonteerd, dunne zwarte letters die nauwelijks zichtbaar zijn op de lijsten, en een enkel feloranje accent dat het monochrome doorbreekt als een vreugdevuur in een weiland.
- Faire ES — Groothandelscatalogus van warme room
- Adanola — Een redactioneel lookbook op wit papier. Een modeshoot waarin typografie en fotografie samenkomen op een strak wit oppervlak, met zwarte inkt voor het lettertype en een subtiel, kenmerkend schreefloos lettertype (Favorit), dat de algehele stijl van het merk weerspiegelt.
- Oura Ring — Een knusse workshop havermout maken, badend in zacht daglicht.
- Stykka — Een Scandinavisch atelier in wit licht – een rustige, ambachtelijke showroom waar fotografie het enige geluid is.
- DJI — Luchtvaartzwart canvas met een enkele elektrisch blauwe accentkleur.
- Altitude Beverages — Zwart-wit magazinepagina. Stel je een pagina uit een modetijdschrift voor, ontdaan van alle kleur behalve de foto's – de tekst en de witruimte vertellen het hele verhaal.
- AATHER — Een open handpalm, een enkele vlam - een serene luxe, vervat in de stilte.
- Cowboy — Een Belgische fietsengalerij in een sneeuwwitte porseleinen omgeving. Een showroom waar matte oppervlakken, grote lettertypen die ook in redactioneel materiaal worden gebruikt en een vrijwel afwezige decoratie de aandacht vestigen op de fiets en zijn inhoud.
- Refero — Redactionele lay-out op wit marmer - een productpagina ontworpen door een typograaf, waarbij de koptekst met schreefletters het visitekaartje van het merk is en al het andere onopvallend is.
- Face Formula — Een Scandinavisch redactioneel portret. Een rustige, tijdschriftachtige spread, waarin de blik van het model en de kop, geschreven in een smal schreeflettertype, voor zich spreken tegen een koele, mistige achtergrond.
- Shupatto — Museumvitrine op wit marmer