Allbirds
Přírodní materiály na bílém lnu
Allbirds funguje s klidným, přirozeným sebevědomím – téměř výhradně jako achromatické plátno, doplněné teplým pískem (#e0dacf) a tlumenými zemitými tóny čerpanými přímo z produktových fotografií. Uživatelské rozhraní nenarušuje zážitek z produktu: bílé povrchy, tenké okraje, navigace pouze s velkými písmeny a ovládací prvky ve tvaru pilulek, které působí spíše jako fyzická tlačítka než webové prvky. Self Modern (vlastní patkové písmo) se používá pro několik klíčových momentů vyžadujících redakční pozornost – titulky a názvy kolekcí – zatímco Geograph se používá pro každé písmeno, text a tlačítko ve třech vyvážených vahách. Karty kategorií se stávají barevným systémem: každá přebírá svůj odstín pozadí z vybraného produktu, čímž se navigace transformuje do živoucí palety Pantone.
Maximální šířka je ~1200px, vycentrovaná s velkorysým bočním odsazením. Hlavním prvkem je redakční proužek po celé šířce na teplém pískovém pozadí s velkým produktovým pásem vyzařujícím ze středu. Navigace kategorií je mřížka čtyř identických barevných karet ve čtyřech sloupcích, z nichž každá obsahuje jeden model boty uprostřed. Pod ohybem se rozvržení střídá mezi rozdělenými panely po celé šířce (lifestyle fotografie vlevo + vzorek produktu vpravo) a centrovanými produktovými pásy pod malým, podtrženým názvem sekce. Celkový rytmus je: redakční panel po celé šířce → čtyřsloupcová mřížka → centrovaný produktový pás → rozdělený do dvou sloupců → centrovaný produktový pás. Rozteč mezi sekcemi je 40–56px, což vytváří vzdušné, ale ne ohromující přechody. Navigace je minimalistický, pevný horní panel s centrovanými primárními odkazy.
Fotografie je celý vizuální systém. Všechny produktové snímky jsou detailní, z mírného úhlu, na jednolité pozadí, které odpovídá nebo doplňuje akcentovou barvu boty, čímž se každá fotografie efektivně proměňuje v barevnou studii. Lifestyle fotografie jsou pořízeny v teplých, slunečných tónech, v přírodním prostředí (agávová pole, dřevěné terasy, drsný terén), jemně tlumené, aby ladily s tlumenou paletou barev. Nejsou zde žádné ilustrace, žádné 3D rendery, žádná abstraktní grafika. Ve spolupráci s Pantone je jako grafický prvek použita doslovná barevná paleta. Ikonografie je minimalistická a monochromatická (obrysové ikony v navigačních a pomocných pozicích).
Paleta
Neutrální
- Canvas White
#ffffff— Obrázky na pozadí stránek, povrchy karet, obrázky na pozadí karet produktů. - Charcoal
#212121— Pro sekundární prvky uživatelského rozhraní, oddělovače a tlumené popisky je podporována neutrální barva. Neměla by se používat jako primární barva pro výzvy k akci. - True Black
#000000— Nadpisy, ikony, rámečky s vysokým kontrastem, navigační text. - Warm Sand
#e0dacf— Pozadí hlavní sekce, dodatečný povrchový stín, velké redakční panely. - Olive Char
#222519— Pro sekundární prvky uživatelského rozhraní, oddělovače a tlumené popisky je podporována neutrální barva. Neměla by se používat jako primární barva pro výzvy k akci. - Iron Gray
#525252— Sekundární text, pomocný text, nenápadné rámečky.
Typografie
od 12 do 40 pixelů · 6 kroků
- Self Modern — nahrazení: Playfair Display · obrysy 400 · Titulky a úvodníky se používají střídmě, zdůrazňují se klíčové fráze a názvy sbírek. Patková a kurzívní písma narušují monotónnost bezpatkových písem a sdělují sdělení: „Toto je podstata příběhu.“
- Geograph — nahrazení: Inter · obrysy 400, 500, 700 · Primární písmo pro uživatelské rozhraní zahrnuje text, navigační popisky, tlačítka, nadpisy produktů, zápatí, vstupní pole a ikony. 500 pro zvýrazněné nadpisy, 700 pro názvy produktů. Široké rozteče písmen (0,025 em–0,10 em) u velkých písmen v navigačních popiscích a kategoriích vytvářejí konzistentní styl značky.
- HurmeGeometricSans3 — nahrazení: Inter · obrysy 400 · Zřídka se používá jako záložní nebo vyhrazený štítek pro tlačítko. Geograph tento systém používá denně.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 8-16px |
| Poloměr tlačítka | 9999px (pill) |
| Poloměr karty | 16px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 40-56px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Allbirds a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Lightship — Filmové dioráma otevřené silnice. Teplé krémové stěny galerie zdobené velkými krajinářskými fotografiemi namontovanými v těsných rozestupech, tenké černé písmo sotva viditelné na rámech a jediný jasně oranžový akcent prolamující monochromatičnost jako oheň na louce.
- Faire ES — velkoobchodní katalog teplých krémů
- Adanola — Editoriální lookbook na bílém papíře. Módní focení, kde typografie a fotografie dýchají na čistě bílých plochách, s černým inkoustem jako typografickým písmem a decentním charakteristickým bezpatkovým fontem (Favorit), který odráží celkový styl značky.
- Oura Ring — Útulná dílna na výrobu ovesné kaše, zalitá měkkým denním světlem
- Stykka — Skandinávská dílna v bílém světle – tichý showroom ručně vyrobených výrobků, kde jediným hlasem je fotografie
- DJI — letecké černé plátno s jedním elektricky modrým akcentem
- Altitude Beverages — Monochromatická dvojstrana časopisu. Představte si dvojstranu módního časopisu zbavenou všech barev kromě statických fotografií – text a bílý prostor vyprávějí celý příběh.
- AATHER — Otevřená dlaň, jediný plamen - tichý luxus obsažený v tichu
- Cowboy — Belgická galerie jízdních kol v sněhobílém porcelánovém prostředí. Showroom, kde matné povrchy, velká písma použitá v redakčních materiálech a prakticky žádná dekorace přitahují pozornost k jízdnímu kolu a jeho obsahu.
- Refero — Redakční layout na bílém mramoru - produktová stránka vytvořená typografem, kde patkový titulek je vizitkou značky a vše ostatní je nenápadné
- Face Formula — Skandinávský redakční portrét. Klidná dvojstrana ve stylu časopisu, kde pohled modelky a titulek psaný zhuštěným patkovým písmem mluví samy za sebe na chladném, mlhavém pozadí.
- Shupatto — Muzejní vitrína na bílém mramoru