Allbirds
Prirodni materijali na bijelom lanu
Allbirds djeluje sa smirenim, prirodnim samopouzdanjem - gotovo u potpunosti akromatsko platno, nadopunjeno toplim pijeskom (#e0dacf) i prigušenim zemljanim tonovima preuzetim izravno iz fotografije proizvoda. Korisničko sučelje ne ometa iskustvo korištenja proizvoda: bijele površine, tanki obrubi, navigacija samo velikim slovima i kontrole u obliku tableta koje se više osjećaju kao fizički gumbi nego web elementi. Self Modern (prilagođeni serifni font) koristi se 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 gumb u tri uravnotežene težine. Kartice kategorija postaju sustav boja: svaka preuzima svoju nijansu pozadine iz istaknutog proizvoda, pretvarajući navigaciju u živu Pantone paletu.
Maksimalna širina je ~1200px, centrirana s velikodušnim bočnim padovima. Glavni element je urednička traka pune širine na toploj pješčanoj pozadini s velikim rotirajućim izbornikom proizvoda koji se širi iz središta. 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 izmjenjuje između podijeljenih panela pune širine (fotografija životnog stila s lijeve strane + uzorak proizvoda s desne strane) i centriranih rotirajućih izbornika proizvoda pod malim, podcrtanim naslovom odjeljka. Ukupni ritam je: urednička ploča pune širine → mreža s četiri stupca → centriran rotirajući izbornik proizvoda → podijeljen u dva stupca → centriran rotirajući izbornik 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 poveznicama.
Fotografija je cijeli vizualni sustav. Sve snimke proizvoda su krupnog plana, iz blagog kuta, na čvrstoj pozadini koja odgovara ili nadopunjuje naglašenu boju cipele, učinkovito 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, neravni teren), suptilno prigušene kako bi se slagale s prigušenom paletom. Nema ilustracija, nema 3D rendera, nema apstraktne grafike. U suradnji s Pantoneom, doslovna paleta boja koristi se kao grafički element. Ikonografija je minimalistička i monokromatska (obrisne 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 podržana je za sekundarne elemente korisničkog sučelja, razdjelnike i prigušene oznake. Ne smije se 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 podržana je za sekundarne elemente korisničkog sučelja, razdjelnike i prigušene oznake. Ne smije se 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 rijetko, ističući ključne fraze i naslove zbirki. Serifni i kurzivni fontovi razbijaju monotoniju sans-serifnih fontova i prenose poruku: "Ovo je bit priče."
- Geograph — zamjena: Inter · obrisi 400, 500, 700 · Primarni font za korisničko sučelje uključuje tekst tijela, navigacijske oznake, gumbe, naslove proizvoda, podnožja, polja za unos i ikone. 500 za istaknute naslove, 700 za nazive proizvoda. Široki razmak između slova (0,025 em – 0,10 em) velikim slovima u navigacijskim oznakama i kategorijama uspostavlja dosljedan stil robne marke.
- HurmeGeometricSans3 — zamjena: Inter · obrisi 400 · Rijetko se koristi kao rezervna ili namjenska oznaka za gumb. Geograph koristi ovaj sustav svakodnevno.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8-16px |
| Radijus gumba | 9999px (pill) |
| Radijus kartice | 16px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 40-56px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Allbirds stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Lightship — Kinematografska diorama otvorene ceste. 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 naglasak koji prekida monokromatski prikaz 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 izrade zobenih pahuljica, okupana mekim dnevnim svjetlom
- Stykka — Skandinavska radionica u bijelom svjetlu – tihi, ručno izrađeni izložbeni prostor gdje je jedini glas fotografija
- DJI — zrakoplovno crno platno s jednim električno plavim naglaskom
- Altitude Beverages — Monokromatski prikaz časopisa. Zamislite prikaz 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 u kojem mat površine, veliki fontovi korišteni u uredničkim materijalima i praktički potpuna odsutnost ukrasa 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 posjetnica 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