Allbirds
Naturmaterialien auf weißem Leinen
Allbirds präsentiert sich mit einer ruhigen, natürlichen Souveränität – eine nahezu vollständig farblose Oberfläche, ergänzt durch warme Sandtöne (#e0dacf) und gedeckte Erdtöne, die direkt aus der Produktfotografie übernommen wurden. Die Benutzeroberfläche stört das Produkterlebnis nicht: weiße Flächen, schmale Ränder, Navigation in Großbuchstaben und pillenförmige Bedienelemente, die sich eher wie physische Schaltflächen als wie Webelemente anfühlen. Self Modern (eine eigens entwickelte Serifenschrift) kommt für die wenigen entscheidenden Momente zum Einsatz, die redaktionelle Aufmerksamkeit erfordern – Überschriften und Kollektionsnamen –, während Geograph in drei ausgewogenen Strichstärken für alle Beschriftungen, Fließtexte und Schaltflächen verwendet wird. Kategoriekarten bilden ein Farbsystem: Jede übernimmt ihren Hintergrundfarbton vom jeweiligen Produkt und verwandelt die Navigation so in eine lebendige Pantone-Palette.
Die maximale Breite beträgt ca. 1200 Pixel, zentriert mit großzügigem Seitenabstand. Das Hauptelement ist ein redaktioneller Textstreifen in voller Breite auf warmem Sandhintergrund mit einem großen Produktkarussell, das vom Zentrum ausstrahlt. Die Kategorienavigation besteht aus vier identischen, farblich abgestimmten Karten in vier Spalten, die jeweils ein zentriertes Schuhmodell enthalten. Unterhalb des sichtbaren Bereichs wechselt das Layout zwischen zweigeteilten Bereichen in voller Breite (Lifestyle-Foto links + Produktbeispiel rechts) und zentrierten Produktkarussells unter einer kleinen, unterstrichenen Abschnittsüberschrift. Der Gesamtrhythmus ist: redaktioneller Textstreifen in voller Breite → vierspaltiges Raster → zentriertes Produktkarussell → zweispaltiger Bereich → zentriertes Produktkarussell. Der Abstand zwischen den Abschnitten beträgt 40–56 Pixel und sorgt so für fließende, aber nicht aufdringliche Übergänge. Die Navigation ist eine minimalistische, fixierte obere Leiste mit zentrierten Hauptlinks.
Die Fotografie bildet das gesamte visuelle System. Alle Produktaufnahmen sind Nahaufnahmen aus einem leichten Winkel vor einem einfarbigen Hintergrund, der die Akzentfarbe des Schuhs aufgreift oder ergänzt. So wird jedes Foto zu einer Farbstudie. Die Lifestyle-Fotos sind in warmen, sonnigen Tönen gehalten und in natürlicher Umgebung (Agavenfelder, Holzterrassen, unwegsames Gelände) aufgenommen. Sie sind dezent gedämpft, um die zurückhaltende Farbpalette widerzuspiegeln. Es gibt keine Illustrationen, keine 3D-Renderings und keine abstrakten Grafiken. In Zusammenarbeit mit Pantone wird die Farbpalette als grafisches Element verwendet. Die Ikonografie ist minimalistisch und monochrom (Umriss-Icons in Navigations- und Hilfspositionen).
Palette
Neutral
- Canvas White
#ffffff— Seitenhintergrundbilder, Kartenoberflächen, Produktkartenhintergrundbilder. - Charcoal
#212121— Für sekundäre UI-Elemente, Trennlinien und ausgeblendete Beschriftungen wird eine neutrale Farbe empfohlen. Sie sollte nicht als primäre Farbe für Handlungsaufforderungen verwendet werden. - True Black
#000000— Überschriften, Symbole, kontrastreiche Rahmen, Navigationstext. - Warm Sand
#e0dacf— Hintergrund des Hauptbereichs, zusätzliche Oberflächenschattierung, große redaktionelle Felder. - Olive Char
#222519— Für sekundäre UI-Elemente, Trennlinien und ausgeblendete Beschriftungen wird eine neutrale Farbe empfohlen. Sie sollte nicht als primäre Farbe für Handlungsaufforderungen verwendet werden. - Iron Gray
#525252— Sekundärtext, Hilfstext, unaufdringliche Rahmen.
Typografie
von 12 auf 40 Pixel · 6 Schritte
- Self Modern — Ersatz: Playfair Display · Umrisse 400 · Überschriften und redaktionelle Texte werden sparsam eingesetzt, um Schlüsselbegriffe und Sammlungstitel hervorzuheben. Serifenschriften und Kursivschriften durchbrechen die Monotonie der serifenlosen Schriften und vermitteln die Botschaft: „Dies ist der Kern der Geschichte.“
- Geograph — Ersatz: Inter · Umrisse 400, 500, 700 · Die primäre Schriftart für die Benutzeroberfläche umfasst Fließtext, Navigationsbezeichnungen, Schaltflächen, Produktüberschriften, Fußzeilen, Eingabefelder und Symbole. 500 Punkt für hervorgehobene Überschriften, 700 Punkt für Produktnamen. Ein großzügiger Zeilenabstand (0,025em–0,10em) bei Großbuchstaben in Navigationsbezeichnungen und Kategorien gewährleistet einen einheitlichen Markenstil.
- HurmeGeometricSans3 — Ersatz: Inter · Umrisse 400 · Wird selten als Backup- oder dedizierte Beschriftung für eine Schaltfläche verwendet. Geograph nutzt dieses System täglich.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | dicht |
| Grundlegender Schritt | 8-16px |
| Radius der Schaltfläche | 9999px (pill) |
| Kartenradius | 16px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 40-56px |
| Seitenbreite | 1200px |
KI erstellt Ihre Website im Allbirds -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- Lightship — Ein filmisches Diorama der offenen Straße. Warme, cremefarbene Galeriewände, geschmückt mit großformatigen Landschaftsfotografien in dichten Abständen, dünne schwarze Schrift kaum sichtbar auf den Rahmen, und ein einzelner leuchtend orangefarbener Akzent, der die Monochromie wie ein Lagerfeuer auf einer Wiese durchbricht.
- Faire ES — Großhandelskatalog für warme Creme
- Adanola — Ein Editorial-Lookbook auf weißem Papier. Ein Fashion-Shooting, bei dem Typografie und Fotografie auf klaren weißen Flächen zur Geltung kommen, mit schwarzer Tinte für die Schriftart und einer dezenten, charakteristischen serifenlosen Schriftart (Favorit), die den Gesamtstil der Marke widerspiegelt.
- Oura Ring — Eine gemütliche Haferflockenwerkstatt, durchflutet von sanftem Tageslicht
- Stykka — Eine skandinavische Werkstatt im weißen Licht – ein ruhiger, handgefertigter Ausstellungsraum, in dem nur die Fotografie die Stimme erfüllt.
- DJI — Schwarze Leinwand in Luftfahrtqualität mit einem einzelnen elektrisch blauen Akzent
- Altitude Beverages — Schwarz-Weiß-Magazin-Doppelseite. Stellen Sie sich eine Modezeitschrift vor, in der alle Farben fehlen, außer den Standfotos – Text und Weißraum erzählen die ganze Geschichte.
- AATHER — Eine offene Handfläche, eine einzelne Flamme – ein stiller Luxus, eingebettet in die Stille
- Cowboy — Eine belgische Fahrradgalerie in schneeweißem Porzellan. Ein Ausstellungsraum, in dem matte Oberflächen, große Schriftarten aus redaktionellen Materialien und der nahezu vollständige Verzicht auf Dekoration den Blick auf das Fahrrad und seine Ausstellungsstücke lenken.
- Refero — Editorial-Layout auf weißem Marmor – eine von einem Typografen gestaltete Produktseite, bei der die Serifenschrift die Visitenkarte der Marke ist und alles andere unaufdringlich wirkt.
- Face Formula — Ein skandinavisches Editorial-Porträt. Eine ruhige, an ein Magazin erinnernde Doppelseite, auf der der Blick des Models und die in einer schmalen Serifenschrift verfasste Überschrift vor einem kühlen, nebligen Hintergrund für sich sprechen.
- Shupatto — Museumsvitrine aus weißem Marmor