Allbirds
Prírodné materiály na bielom ľane
Allbirds funguje s pokojným, prirodzeným sebavedomím – takmer výlučne ako achromatické plátno, doplnené teplým pieskom (#e0dacf) a tlmenými zemitými tónmi čerpanými priamo z produktovej fotografie. Používateľské rozhranie nenarúša zážitok z produktu: biele povrchy, tenké okraje, navigácia len veľkými písmenami a ovládacie prvky v tvare tabletky, ktoré pôsobia skôr ako fyzické tlačidlá než webové prvky. Self Modern (vlastné pätkové písmo) sa používa pre niekoľko kľúčových momentov vyžadujúcich si redakčnú pozornosť – nadpisy a názvy kolekcií – zatiaľ čo Geograph sa používa pre každé písmeno, text a tlačidlo v troch vyvážených hrúbkach. Karty kategórií sa stávajú farebným systémom: každá preberá svoj odtieň pozadia z vybraného produktu, čím sa navigácia transformuje na živú paletu Pantone.
Maximálna šírka je ~1200px, vycentrovaná s veľkorysým bočným odsadením. Hlavným prvkom je redakčný pás na celú šírku na teplom pieskovom pozadí s veľkým produktovým pásom vyžarujúcim zo stredu. Navigácia kategórií je mriežka štyroch identických farebných kariet v štyroch stĺpcoch, pričom každá obsahuje jeden model topánky umiestnený v strede. Pod záhybom sa rozloženie strieda medzi rozdelenými panelmi na celú šírku (lifestyle fotografia vľavo + vzorka produktu vpravo) a centrovanými produktovými pásmi pod malým, podčiarknutým názvom sekcie. Celkový rytmus je: redakčný panel na celú šírku → mriežka so štyrmi stĺpcami → centrovaný produktový pás → rozdelenie na dva stĺpce → centrovaný produktový pás. Rozstup medzi sekciami je 40 – 56px, čo vytvára vzdušné, ale nie ohromujúce prechody. Navigácia je minimalistický, pevný horný panel s centrovanými primárnymi odkazmi.
Fotografia je celý vizuálny systém. Všetky zábery produktov sú detailné, z mierneho uhla, na jednoliatom pozadí, ktoré zodpovedá alebo dopĺňa akcentovú farbu topánky, čím sa každá fotografia efektívne mení na farebnú štúdiu. Fotografie životného štýlu sú nasnímané v teplých, slnečných tónoch, v prírodnom prostredí (agávové polia, drevené terasy, drsný terén), jemne tlmené, aby ladili s tlmenou paletou. Nie sú tam žiadne ilustrácie, žiadne 3D rendery, žiadna abstraktná grafika. V spolupráci s Pantone sa ako grafický prvok používa doslovná farebná paleta. Ikonografia je minimalistická a monochromatická (obrysové ikony v navigačných a pomocných pozíciách).
Paleta
Neutrálny
- Canvas White
#ffffff— Obrázky na pozadí stránky, povrchy kariet, obrázky na pozadí kariet produktov. - Charcoal
#212121— Pre sekundárne prvky používateľského rozhrania, oddeľovače a tlmené popisky je podporovaná neutrálna farba. Nemala by sa používať ako primárna farba pre výzvy na akciu. - True Black
#000000— Nadpisy, ikony, rámčeky s vysokým kontrastom, navigačný text. - Warm Sand
#e0dacf— Pozadie hlavnej sekcie, dodatočný povrchový tieň, veľké redakčné panely. - Olive Char
#222519— Pre sekundárne prvky používateľského rozhrania, oddeľovače a tlmené popisky je podporovaná neutrálna farba. Nemala by sa používať ako primárna farba pre výzvy na akciu. - Iron Gray
#525252— Sekundárny text, pomocný text, nenápadné rámčeky.
Typografia
od 12 do 40px · 6 krokov
- Self Modern — náhrada: Playfair Display · obrysy 400 · Nadpisy a úvodníky sa používajú striedmo, pričom sa zvýrazňujú kľúčové frázy a názvy zbierok. Patkové a kurzívne písma narúšajú monotónnosť bezpätkových písiem a vyjadrujú posolstvo: „Toto je podstata príbehu.“
- Geograph — náhrada: Inter · obrysy 400, 500, 700 · Primárne písmo pre používateľské rozhranie zahŕňa text, navigačné štítky, tlačidlá, nadpisy produktov, päty, vstupné polia a ikony. 500 pre zvýraznené nadpisy, 700 pre názvy produktov. Široké rozstupy písmen (0,025 em – 0,10 em) vo veľkých písmenách v navigačných štítkoch a kategóriách vytvárajú konzistentný štýl značky.
- HurmeGeometricSans3 — náhrada: Inter · obrysy 400 · Zriedkavo sa používa ako záložný alebo vyhradený štítok pre tlačidlo. Geograph tento systém používa denne.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 8-16px |
| Polomer tlačidla | 9999px (pill) |
| Polomer karty | 16px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 40-56px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Allbirds a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Lightship — Filmová dioráma otvorenej cesty. Teplé krémové steny galérie ozdobené veľkými krajinárskymi fotografiami umiestnenými v tesných rozostupoch, tenké čierne písmo sotva viditeľné na rámoch a jediný jasne oranžový akcent prerušujúci monochromatickosť ako vatra na lúke.
- Faire ES — veľkoobchodný katalóg teplých krémov
- Adanola — Editoriálny lookbook na bielom papieri. Módne fotenie, kde typografia a fotografia dýchajú na čistých bielych povrchoch, s čiernym atramentom ako typografickým písmom a decentným charakteristickým bezpätkovým písmom (Favorit), ktoré odráža celkový štýl značky.
- Oura Ring — Útulná dielňa na výrobu ovsených vločiek, zaliata jemným denným svetlom
- Stykka — Škandinávska dielňa v bielom svetle – tichý showroom ručne vyrobených výrobkov, kde jediným hlasom je fotografia
- DJI — letecké čierne plátno s jedným elektricky modrým zvýraznením
- Altitude Beverages — Monochromatická dvojstrana časopisu. Predstavte si dvojstranu módneho časopisu zbavenú všetkých farieb okrem statických fotografií – text a biely priestor rozprávajú celý príbeh.
- AATHER — Otvorená dlaň, jediný plameň - tichý luxus obsiahnutý v tichu
- Cowboy — Belgická galéria bicyklov v snehobielom porcelánovom prostredí. Výstavná sieň, kde matné povrchy, veľké písma použité v redakčných materiáloch a prakticky žiadna dekorácia pútajú pozornosť k bicyklu a jeho obsahu.
- Refero — Redakčné rozloženie na bielom mramore - stránka produktu vytvorená typografom, kde je pätkový nadpis vizitkou značky a všetko ostatné je nenápadné
- Face Formula — Škandinávsky editoriálny portrét. Pokojná dvojstrana v štýle časopisu, kde pohľad modelky a titulok, napísaný zhusteným pätkovým písmom, hovoria samy za seba na chladnom, hmlistom pozadí.
- Shupatto — Múzejná vitrína na bielom mramore