Allbirds
Prirodni materijali na bijelom lanu
Allbirds djeluje sa smirenim, prirodnim samopouzdanjem - gotovo u potpunosti ahromatskim platnom, upotpunjenim toplim pijeskom (#e0dacf) i prigušenim zemljanim tonovima preuzetim direktno iz fotografije proizvoda. Korisnički interfejs ne ometa iskustvo korištenja proizvoda: bijele površine, tanki okviri, navigacija samo velikim slovima i kontrole u obliku tableta koje se više osjećaju kao fizička dugmad nego web elementi. Self Modern (prilagođeni serifni font) se koristi za nekoliko ključnih trenutaka koji zahtijevaju uredničku pažnju - naslovi i nazivi kolekcija - dok se Geograph koristi za svako slovo, tekst teksta i dugme u tri uravnotežene težine. Kartice kategorija postaju sistem boja: svaka preuzima svoju nijansu pozadine iz istaknutog proizvoda, transformirajući navigaciju u živu Pantone paletu.
Maksimalna širina je ~1200px, centrirana s velikodušnim bočnim padom. Glavni element je urednička traka pune širine na toploj pješčanoj pozadini s velikim kružnim nizom proizvoda koji se zrači iz centra. Navigacija kategorija je mreža od četiri identične kartice u boji u četiri stupca, od kojih svaka sadrži jedan centriran model cipele. Ispod pregiba, raspored se naizmjenično mijenja između podijeljenih panela pune širine (fotografija životnog stila s lijeve strane + uzorak proizvoda s desne strane) i centriranih kružnih nizova proizvoda pod malim, podvučenim naslovom odjeljka. Ukupni ritam je: urednička ploča pune širine → mreža s četiri stupca → centrirani kružni niz proizvoda → podijeljen u dva stupca → centriran kružni niz proizvoda. Razmak između odjeljaka je 40-56px, stvarajući prozračne, ali ne i prenaglašene prijelaze. Navigacija je minimalistička, fiksna gornja traka s centriranim primarnim linkovima.
Fotografija je cijeli vizualni sistem. Sve fotografije proizvoda su snimljene iz krupnog plana, iz blagog ugla, naspram jednobojne pozadine koja se slaže ili nadopunjuje s akcentnom bojom cipele, efektivno pretvarajući svaku fotografiju u studiju boja. Fotografije životnog stila snimljene su u toplim, sunčanim tonovima, u prirodnim okruženjima (polja agava, drvene terase, neravan teren), suptilno prigušene kako bi se uklopile u prigušenu paletu boja. Nema ilustracija, nema 3D rendera, nema apstraktne grafike. U saradnji s Pantoneom, doslovna paleta boja se koristi kao grafički element. Ikonografija je minimalistička i monohromatska (konturne ikone u navigaciji i pomoćnim pozicijama).
Paleta
Neutralno
- Canvas White
#ffffff— Pozadinske slike stranica, površine kartica, pozadinske slike kartica proizvoda. - Charcoal
#212121— Neutralna boja je podržana za sekundarne UI elemente, razdjelnike i prigušene oznake. Ne bi se trebala koristiti kao primarna boja za pozive na akciju. - True Black
#000000— Naslovi, ikone, okviri visokog kontrasta, tekst za navigaciju. - Warm Sand
#e0dacf— Pozadina glavnog dijela, dodatna sjena površine, veliki urednički paneli. - Olive Char
#222519— Neutralna boja je podržana za sekundarne UI elemente, razdjelnike i prigušene oznake. Ne bi se trebala koristiti kao primarna boja za pozive na akciju. - Iron Gray
#525252— Sekundarni tekst, pomoćni tekst, neupadljivi okviri.
Tipografija
od 12 do 40px · 6 koraka
- Self Modern — zamjena: Playfair Display · obrisi 400 · Naslovi i uvodnici se koriste štedljivo, ističući ključne fraze i naslove zbirki. Serifni i kurzivni fontovi razbijaju monotoniju sans-serifnih fontova i prenose poruku: "Ovo je suština priče."
- Geograph — zamjena: Inter · obrisi 400, 500, 700 · Primarni font za korisnički interfejs uključuje tekst, navigacijske oznake, dugmad, naslove proizvoda, podnožja, polja za unos i ikone. 500 za istaknute naslove, 700 za nazive proizvoda. Široki razmak između slova (0,025em–0,10em) velikim slovima u navigacijskim oznakama i kategorijama uspostavlja dosljedan stil brenda.
- HurmeGeometricSans3 — zamjena: Inter · obrisi 400 · Rijetko se koristi kao rezervna ili namjenska oznaka za dugme. Geograph koristi ovaj sistem svakodnevno.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8-16px |
| Radijus dugmeta | 9999px (pill) |
| Radijus kartice | 16px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 40-56px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Allbirds stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Lightship — Kinematografska diorama otvorenog puta. Topli krem zidovi galerije ukrašeni velikim fotografijama pejzaža postavljenim u malim razmacima, tanki crni font jedva vidljiv na okvirima i jedan jarko narančasti akcenat koji prekida monohromat poput lomače na livadi.
- Faire ES — Veleprodajni katalog toplih krema
- Adanola — Urednički lookbook na bijelom papiru. Modno snimanje gdje tipografija i fotografija dišu na čistim bijelim površinama, s crnom tintom kao fontom i suptilnim prepoznatljivim sans-serif fontom (Favorit), koji odražava cjelokupni stil brenda.
- Oura Ring — Ugodna radionica pravljenja zobene kaše, okupana mekim dnevnim svjetlom
- Stykka — Skandinavska radionica u bijelom svjetlu – tihi, ručno izrađeni izložbeni prostor gdje je jedini glas fotografija
- DJI — crno platno u vazduhoplovnoj boji s jednim električno plavim detaljem
- Altitude Beverages — Monohromatska duplerica časopisa. Zamislite duplericu modnog časopisa bez ikakvih boja osim fotografija - tekst i bijeli prostor pričaju cijelu priču.
- AATHER — Otvoreni dlan, jedan plamen - tihi luksuz sadržan u tišini
- Cowboy — Belgijska galerija bicikala u snježnobijelom porculanskom okruženju. Izložbeni salon gdje mat površine, veliki fontovi korišteni u uredničkim materijalima i gotovo nikakva dekoracija privlače pogled na bicikl i njegov sadržaj.
- Refero — Urednički izgled na bijelom mramoru - stranica proizvoda koju je kreirao tipograf, gdje je serifni naslov posjetna karta brenda, a sve ostalo je neupadljivo
- Face Formula — Skandinavski urednički portret. Smirena slika u stilu časopisa, gdje pogled modela i naslov, napisani sažetim serifnim fontom, govore sami za sebe na hladnoj, maglovitoj pozadini.
- Shupatto — Muzejska vitrina na bijelom mramoru