Allbirds
Naturmaterialien op wäissem Léngen
Allbirds funktionéiert mat enger roueger, natierlecher Selbstvertrauen - eng bal komplett achromatesch Leinwand, ergänzt vu waarme Sand (#e0dacf) a gedämpften Äerdtéin, déi direkt aus Produktfotografie geholl ginn. D'Benotzerinterface stéiert d'Produkterfahrung net: wäiss Flächen, dënn Borduren, Navigatioun a Groussbuschtawen a pillefërmeg Bedienungselementer, déi sech méi wéi kierperlech Knäppercher wéi Webelementer ufillen. Self Modern (eng personaliséiert Serif-Schrëft) gëtt fir déi puer entscheedend Momenter benotzt, déi redaktionell Opmierksamkeet erfuerderen - Iwwerschrëften an Nimm vun de Kollektiounen - während Geograph fir all Buschtawen, Kierpertext a Knäppchen an dräi ausgeglachene Gewiichter benotzt gëtt. Kategoriekaarte ginn zu engem Faarfsystem: all Kategorie hëlt hiren Hannergrondtéin vum presentéierte Produkt a transforméiert d'Navigatioun an eng lieweg Pantone-Palette.
Déi maximal Breet ass ~1200px, zentréiert mat generéiser Säitepolsterung. Den Haaptelement ass e vollbreeten Editorialstreifen op engem waarme Sandhannergrond mat engem grousse Produktkarusell, deen aus der Mëtt erausgeet. D'Kategoriennavigatioun ass e Raster vu véier identesch faarwege Kaarten a véier Kolonnen, déi all een eenzegt zentréiert Schongmodell enthalen. Ënnert dem Falz wiesselt d'Layout tëscht vollbreeten Opdeelpanelen (Lifestyle-Foto lénks + Produktprobe riets) a zentréierte Produktkarusseller ënner engem klenge, ënnerstrachenen Sektiounstitel. De gesamte Rhythmus ass: Editorialpanel a vollbreet → véierkolonnenraster → zentréiert Produktkarusell → zwoukolonnen Opdeelung → zentréiert Produktkarusell. Den Ofstand tëscht de Sektiounen ass 40-56px, wat lofteg, awer net iwwerwältegend Iwwergäng erstellt. D'Navigatioun ass eng minimalistesch, fix iewescht Leescht mat zentréierten Haaptlinks.
Fotografie ass dat ganzt visuellt System. All Produktfotoe sinn Nahaufnahmen, aus engem liichte Wénkel, virun engem soliden Hannergrond, deen der Akzentfaarf vum Schong passt oder dobäi ergänzt, wouduerch all Foto effektiv an eng Faarfstudie verwandelt gëtt. D'Lifestyle-Fotoe sinn a waarmen, sonnegen Téin an natierlechen Ëmfeld (Agavefelder, Holzterrassen, ongläicht Terrain) opgeholl, subtil gedämpft fir der gedämpfter Palette ze passen. Et gëtt keng Illustratiounen, keng 3D-Renderungen, keng abstrakt Grafiken. A Kooperatioun mat Pantone gëtt déi literal Faarfpalette als grafescht Element benotzt. D'Ikonographie ass minimalistesch a monochrom (Kontur-Ikonen an der Navigatioun an an den Hëllefspositiounen).
Palette
Neutral
- Canvas White
#ffffff— Säitenhannergrondbiller, Kaarteflächen, Produktkaarthannergrondbiller. - Charcoal
#212121— Eng neutral Faarf gëtt fir sekundär UI-Elementer, Trennwänn a gedämpft Etiketten ënnerstëtzt. Si sollt net als primär Faarf fir Handlungsruff benotzt ginn. - True Black
#000000— Iwwerschrëften, Ikonen, Kader mat héijem Kontrast, Navigatiounstext. - Warm Sand
#e0dacf— Hannergrond vum Haaptsektioun, zousätzleche Uewerflächenschatt, grouss redaktionell Paneelen. - Olive Char
#222519— Eng neutral Faarf gëtt fir sekundär UI-Elementer, Trennwänn a gedämpft Etiketten ënnerstëtzt. Si sollt net als primär Faarf fir Handlungsruff benotzt ginn. - Iron Gray
#525252— Sekundärtext, Hëllefstext, onopfälleg Kader.
Typographie
vun 12 bis 40px · 6 Schrëtt
- Self Modern — Ersatz: Playfair Display · Konturen 400 · Iwwerschrëften an Editorial ginn spuersam benotzt, wouduerch Schlësselwierder a Sammlungstitel ervirgehuewe ginn. Serif- a kursiv Schrëften briechen d'Monotonie vu Sans-serif-Schrëften a vermëttelen d'Botschaft: "Dëst ass d'Essenz vun der Geschicht."
- Geograph — Ersatz: Inter · Konturen 400, 500, 700 · Déi primär Schrëft fir d'Benotzeroberfläche enthält Kierpertext, Navigatiounslabelen, Knäppercher, Produktiwwerschrëften, Fousszeilen, Inputfelder a Symboler. 500 fir markéiert Iwwerschrëften, 700 fir Produktnimm. E groussen Ofstand tëscht de Buschtawen (0,025em–0,10em) a Groussbuschtawen an Navigatiounslabelen a Kategorien etabléiert e konsequenten Markenstil.
- HurmeGeometricSans3 — Ersatz: Inter · Konturen 400 · Selten als Ersatz- oder speziell Label fir e Knäppchen benotzt. Geograph benotzt dëst System all Dag.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 8-16px |
| Knäppchenradius | 9999px (pill) |
| Kaarteradius | 16px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 40-56px |
| Säitebreet | 1200px |
KI baut Är Websäit am Stil vun Allbirds op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Lightship — En kinematographescht Diorama vun der oppener Strooss. Waarm cremefaarweg Galeriemauere mat grousse Landschaftsfotoen, déi a kuerzen Ofstänn montéiert sinn, dënnen schwaarze Schrëften, déi kaum op de Biller ze gesinn sinn, an en eenzegen hellorange Akzent, deen d'Monochrom wéi e Feier op enger Wiss ënnerbrécht.
- Faire ES — Grousshandelskatalog vu waarme Crème
- Adanola — En redaktionellt Lookbook op wäissem Pabeier. E Moudshooting, wou Typographie a Fotografie op propperen, wäissen Uewerfläche ootmen, mat schwaarzer Tënt fir d'Schrëft an enger subtiler, typescher Sans-Serif-Schrëft (Favorit), déi de Gesamtstil vun der Mark reflektéiert.
- Oura Ring — E gemittleche Workshop fir Haferflocken ze maachen, am mëllen Dagesliicht gebadet
- Stykka — E skandinavescht Atelier a wäissem Liicht – e rouegen, handwierkleche Showroom, wou déi eenzeg Stëmm d'Fotografie ass
- DJI — Loftfaart schwaarz Leinwand mat engem eenzegen elektresche bloen Highlight
- Altitude Beverages — Monochrom Zäitschrëftenopschlag. Stellt Iech e Moudezäitschrëftenopschlag vir, ouni all Faarf ausser de Fotoen - den Text an de wäisse Raum erzielen déi ganz Geschicht.
- AATHER — Eng oppe Handfläch, eng eenzeg Flam - e rouege Luxus, deen an der Rou enthale ass
- Cowboy — Eng belsch Vëlosgalerie an engem schneewäisse Porzellan-Kuliss. E Showroom, wou matt Uewerflächen, grouss Schrëften an redaktionellen Materialien an eng quasi Feele vun Dekoratioun d'A op de Vëlo a säin Inhalt zéien.
- Refero — Redaktiounslayout op wäissem Marmer - eng Produktsäit, déi vun engem Typograph erstallt gouf, wou d'Iwwerschrëft mat Serif d'Visitekaart vun der Mark ass, an alles anescht onopfälleg ass.
- Face Formula — E skandinavescht redaktionellt Portrait. E rouegen Opschlag am Zäitschrëftenstil, wou de Bléck vum Model an d'Iwwerschrëft, déi a kondenséierter Serif-Schrëft geschriwwen ass, fir sech selwer schwätzen virun engem killen, niwwelegen Hannergrond.
- Shupatto — Musée-Vitrine op wäissem Marmer