Allbirds
Material naturalak liho zuriaren gainean
Allbirds-ek lasaitasun eta konfiantza naturalarekin funtzionatzen du — mihise ia erabat akromatikoa, produktuen argazkietatik zuzenean ateratako harea epelak (#e0dacf) eta lur tonu isilak osatua. Erabiltzaile interfazeak ez du produktuaren esperientzian oztopatzen: gainazal zuriak, ertz meheak, nabigazioa maiuskulaz eta pilula itxurako kontrolak, web elementuak baino botoi fisikoagoak diruditenak. Self Modern (serif letra-tipo pertsonalizatua) erabiltzen da arreta editoriala behar duten une garrantzitsu gutxi batzuetarako —izenburuak eta bildumen izenak—, eta Geograph erabiltzen da letra, gorputz-testua eta botoi bakoitzerako hiru pisu orekatutan. Kategoria txartelak kolore sistema bihurtzen dira: bakoitzak bere atzeko planoaren kolorea hartzen du nabarmendutako produktutik, nabigazioa Pantone paleta bizidun bihurtuz.
Gehienezko zabalera ~1200px da, erdian alboko betegarri zabalarekin. Elementu nagusia harea koloreko atzealde epel baten gainean dagoen zabalera osoko tira editorial bat da, erdigunetik irradiatzen den produktuen karrusel handi batekin. Kategorien nabigazioa lau zutabetan banatutako lau koloretako txartel berdinez osatutako sareta bat da, bakoitzak erdian oinetako modelo bakarra duela. Tolesturaren azpian, diseinuak zabalera osoko panel zatituen artean txandakatzen da (bizimoduaren argazkia ezkerrean + produktuaren lagina eskuinean) eta atal-izenburu txiki eta azpimarratu baten azpian erdian dauden produktuen karruselen artean. Erritmo orokorra hau da: zabalera osoko panel editoriala → lau zutabeko sareta → erdian kokatutako produktuen karrusela → bi zutabeko zatiketa → erdian kokatutako produktuen karrusela. Atalen arteko tartea 40-56px da, trantsizio arin baina ez gehiegizkoak sortuz. Nabigazioa goiko barra minimalista eta finko bat da, erdian dauden esteka nagusiekin.
Argazkilaritza sistema bisual osoa da. Produktu guztien argazki guztiak gertutik ateratzen dira, angelu txiki batetik, oinetakoen azentu-kolorearekin bat datorren edo osagarri den atzealde solido baten aurrean, argazki bakoitza kolore-azterketa bihurtuz. Bizimodu-argazkiak tonu bero eta eguzkitsuetan ateratzen dira, ingurune naturaletan (agave-soroak, egurrezko terrazak, lur malkartsuak), sotilki isilduta paleta isilarekin bat etortzeko. Ez dago ilustraziorik, ez 3D renderizaziorik, ez grafiko abstrakturik. Pantonerekin lankidetzan, kolore-paleta literala erabiltzen da elementu grafiko gisa. Ikonografia minimalista eta monokromoa da (nabigazio- eta laguntza-posizioetako eskema-ikonoak).
Paleta
Neutroa
- Canvas White
#ffffff— Orrialdeko atzeko planoaren irudiak, txartelaren gainazalak, produktuaren txartelaren atzeko planoaren irudiak. - Charcoal
#212121— Kolore neutroa onartzen da bigarren mailako UI elementuetarako, banatzaileetarako eta etiketa isilduetarako. Ez da erabili behar ekintzarako deietarako kolore nagusi gisa. - True Black
#000000— Izenburuak, ikonoak, kontraste handiko markoak, nabigazio testua. - Warm Sand
#e0dacf— Atal nagusiaren atzeko planoa, gainazaleko itzal gehigarria, panel editorial handiak. - Olive Char
#222519— Kolore neutroa onartzen da bigarren mailako UI elementuetarako, banatzaileetarako eta etiketa isilduetarako. Ez da erabili behar ekintzarako deietarako kolore nagusi gisa. - Iron Gray
#525252— Bigarren mailako testua, testu laguntzailea, marko diskretuak.
Tipografia
12tik 40px-ra · 6 urrats
- Self Modern — ordezkapena: Playfair Display · eskemak 400 · Titularrak eta editorialak neurriz erabiltzen dira, gako-esaldiak eta bilduma-izenburuak nabarmenduz. Serif eta etzanezko letra-tipoek sans-serif letra-tipoen monotonia hausten dute eta mezua helarazten dute: "Hau da istorioaren funtsa".
- Geograph — ordezkapena: Inter · eskemak 400, 500, 700 · Erabiltzaile interfazearen letra-tipo nagusiak testuaren gorputza, nabigazio etiketak, botoiak, produktuen goiburuak, orri-oinak, sarrera-eremuak eta ikonoak barne hartzen ditu. 500 goiburu nabarmenduetarako, 700 produktuen izenetarako. Nabigazio etiketetan eta kategorietan letra larriz idatzitako letren arteko tarte zabalak (0,025em–0,10em) marka-estilo koherentea ezartzen du.
- HurmeGeometricSans3 — ordezkapena: Inter · eskemak 400 · Gutxitan erabiltzen da babeskopia edo botoi baten etiketa dedikatu gisa. Geograph-ek egunero erabiltzen du sistema hau.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 8-16px |
| Botoiaren erradioa | 9999px (pill) |
| Txartelaren erradioa | 16px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 40-56px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea Allbirds estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Lightship — Errepide irekiaren diorama zinematografikoa. Krema koloreko galeria-horma epelak, tarteka muntatutako paisaia-argazki handiekin apainduta, markoetan ia ikusten ez diren letra beltz meheak, eta laranja biziko azentu bakarrak, monokromoa hausten duena, larre bateko su bat bezala.
- Faire ES — krema epelaren handizkako katalogoa
- Adanola — Paper zurian egindako lookbook editoriala. Moda saio bat, non tipografia eta argazkilaritza gainazal zuri garbietan arnasten diren, tinta beltza letra-tipoarentzat eta sans-serif letra-tipo sotila (Favorit) erabiliz, markaren estilo orokorra islatuz.
- Oura Ring — Olo-irina egiteko tailer erosoa, eguzki-argi leunez blaituta
- Stykka — Eskandinaviako tailer bat argi zurian – argazkilaritza den ahots bakarra den eskuz egindako erakusleiho lasai eta eskuz egina
- DJI — mihise beltz aeroespaziala urdin elektriko bakarrarekin nabarmentzeko
- Altitude Beverages — Aldizkari monokromoaren orrialdea. Imajinatu moda aldizkari baten orrialdea, argazki finkoak izan ezik kolore guztiak kenduta: testuak eta espazio zuriak istorio osoa kontatzen dute.
- AATHER — Esku-ahurrean irekita, sugar bakarra - isiltasunean jasotako luxu lasaia
- Cowboy — Belgikako bizikleta galeria bat portzelana zuri-zuri batean. Erakusleiho bat, non gainazal mateak, material editorialetan erabilitako letra-tipo handiak eta dekoraziorik ia ezak bizikletara eta bere edukira erakartzen duten begirada.
- Refero — Marmol zuriaren gaineko diseinu editoriala - tipografo batek sortutako produktu orri bat, non serif izenburua markaren aurkezpen txartela den, eta gainerako guztia diskretua den.
- Face Formula — Eskandinaviako editorial erretratua. Aldizkari estiloko erretratu lasaia, non modeloaren begiradak eta izenburuak, serif letra-tipo trinkotuan idatzita, berez hitz egiten duten atzealde hotz eta lainotsu baten aurrean.
- Shupatto — Museoaren erakusleihoa marmol zurian