Allbirds
Naravni materiali na belem lanu
Allbirds deluje z mirno, naravno samozavestjo – skoraj v celoti kot akromatsko platno, ki ga dopolnjujejo topli peščeni (#e0dacf) in umirjeni zemeljski toni, povzeti neposredno iz fotografije izdelkov. Uporabniški vmesnik ne moti uporabniške izkušnje: bele površine, tanki robovi, navigacija z velikimi črkami in kontrolniki v obliki tablet, ki so bolj podobni fizičnim gumbom kot spletnim elementom. Self Modern (pisava s serifi po meri) se uporablja za nekaj ključnih trenutkov, ki zahtevajo uredniško pozornost – naslovi in imena kolekcij – medtem ko se Geograph uporablja za vsako črko, besedilo besedila in gumb v treh uravnoteženih težah. Kartice kategorij postanejo barvni sistem: vsaka prevzame svoj odtenek ozadja iz predstavljenega izdelka, s čimer se navigacija spremeni v živo paleto Pantone.
Največja širina je ~1200 slikovnih pik, centrirana z obilnim stranskim odmikom. Glavni element je uredniški trak polne širine na toplem peščenem ozadju z velikim vrtiljakom izdelkov, ki seva iz središča. Navigacija po kategorijah je mreža štirih enakih barvnih kartic v štirih stolpcih, od katerih vsaka vsebuje en sam model čevlja na sredini. Pod pregibom se postavitev izmenjuje med razdeljenimi ploščami polne širine (fotografija življenjskega sloga na levi + vzorec izdelka na desni) in centriranimi vrtiljaki izdelkov pod majhnim, podčrtanim naslovom razdelka. Splošni ritem je: uredniška plošča polne širine → mreža s štirimi stolpci → centriran vrtiljak izdelkov → razdeljena plošča z dvema stolpcema → centriran vrtiljak izdelkov. Razmik med razdelki je 40–56 slikovnih pik, kar ustvarja zračne, a ne preobremenjujoče prehode. Navigacija je minimalistična, fiksna zgornja vrstica s centriranimi primarnimi povezavami.
Fotografija je celoten vizualni sistem. Vsi posnetki izdelkov so posneti od blizu, iz rahlega kota, na enobarvnem ozadju, ki se ujema ali dopolnjuje z barvo poudarka čevlja, s čimer se vsaka fotografija učinkovito spremeni v barvno študijo. Fotografije življenjskega sloga so posnete v toplih, sončnih tonih, v naravnem okolju (polja agav, lesene terase, neraven teren), subtilno utišane, da se ujemajo z umirjeno paleto. Ni ilustracij, 3D-upodobitev, abstraktne grafike. V sodelovanju s Pantone je kot grafični element uporabljena dobesedna barvna paleta. Ikonografija je minimalistična in enobarvna (orisne ikone v navigaciji in pomožnih položajih).
Paleta
Nevtralno
- Canvas White
#ffffff— Slike ozadja strani, površine kartic, slike ozadja kartic izdelkov. - Charcoal
#212121— Za sekundarne elemente uporabniškega vmesnika, razdelilnike in utišane oznake je podprta nevtralna barva. Ne sme se uporabljati kot primarna barva za pozive k dejanju. - True Black
#000000— Naslovi, ikone, okvirji z visokim kontrastom, navigacijsko besedilo. - Warm Sand
#e0dacf— Ozadje glavnega razdelka, dodatna površinska senca, veliki uredniški panoji. - Olive Char
#222519— Za sekundarne elemente uporabniškega vmesnika, razdelilnike in utišane oznake je podprta nevtralna barva. Ne sme se uporabljati kot primarna barva za pozive k dejanju. - Iron Gray
#525252— Sekundarno besedilo, pomožno besedilo, nevsiljivi okvirji.
Tipografija
od 12 do 40 slikovnih pik · 6 korakov
- Self Modern — zamenjava: Playfair Display · obrisi 400 · Naslovi in uvodniki so uporabljeni zmerno, poudarjajo ključne besede in naslove zbirk. Serifne in kurzivne pisave razbijajo monotonost sans-serifnih pisav in sporočajo:»To je bistvo zgodbe.«
- Geograph — zamenjava: Inter · obrisi 400, 500, 700 · Primarna pisava za uporabniški vmesnik vključuje besedilo telesa, navigacijske oznake, gumbe, naslove izdelkov, noge, vnosna polja in ikone. 500 za označene naslove, 700 za imena izdelkov. Širok razmik med črkami (0,025 em–0,10 em) pri velikih tiskanih črkah v navigacijskih oznakah in kategorijah vzpostavlja dosleden slog blagovne znamke.
- HurmeGeometricSans3 — zamenjava: Inter · obrisi 400 · Redko se uporablja kot rezervna ali namenska oznaka za gumb. Geograph ta sistem uporablja vsakodnevno.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 8-16px |
| Polmer gumba | 9999px (pill) |
| Polmer kartice | 16px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 40-56px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Allbirds in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Lightship — Kinematografska diorama odprte ceste. Tople kremne galerijske stene, okrašene z velikimi pokrajinskimi fotografijami, nameščenimi v tesnih presledkih, tanke črne črke, komaj vidne na okvirjih, in en sam živo oranžen poudarek, ki prekinja enobarvnost kot kres na travniku.
- Faire ES — veleprodajni katalog toplih krem
- Adanola — Uredniški lookbook na belem papirju. Modno fotografiranje, kjer tipografija in fotografija dihata na čistih belih površinah, s črnim črnilom za pisavo in subtilno značilno pisavo sans-serif (Favorit), ki odraža celoten slog blagovne znamke.
- Oura Ring — Prijetna delavnica izdelave ovsenih kosmičev, obdana z nežno dnevno svetlobo
- Stykka — Skandinavska delavnica v beli svetlobi – tih, ročno izdelan razstavni salon, kjer je edini glas fotografija
- DJI — vesoljsko črno platno z enim električno modrim poudarkom
- Altitude Beverages — Enobarvna razpornica revije. Predstavljajte si razpornico modne revije, ki je oropana vseh barv, razen fotografij – besedilo in beli prostor povesta celotno zgodbo.
- AATHER — Odprta dlan, en sam plamen - tiho razkošje, skrito v tišini
- Cowboy — Belgijska galerija koles v snežno belem porcelanastem okolju. Razstavni salon, kjer mat površine, velike pisave, uporabljene v uredniških gradivih, in praktično odsotnost dekoracije pritegnejo pogled na kolo in njegovo vsebino.
- Refero — Uredniška postavitev na belem marmorju - stran izdelka, ki jo je ustvaril tipograf, kjer je serifni naslov vizitka blagovne znamke, vse ostalo pa je nevsiljivo
- Face Formula — Skandinavski uredniški portret. Umirjena razporeditev v slogu revije, kjer pogled modela in naslov, napisan v zgoščeni serifni pisavi, govorita sama zase na hladnem, meglenem ozadju.
- Shupatto — Muzejska vitrina na belem marmorju