Allbirds
Luonnonmateriaaleja valkoisella pellavalla
Allbirds toimii rauhallisella ja luonnollisella itsevarmuudella – lähes täysin akromaattisena kankaana, jota täydentävät lämpimät hiekkasävyt (#e0dacf) ja hillityt maanläheiset sävyt, jotka on otettu suoraan tuotekuvista. Käyttöliittymä ei häiritse tuotekokemusta: valkoiset pinnat, ohuet reunukset, kokonaan isoilla kirjaimilla kirjoitettu navigointi ja pillerinmuotoiset säätimet, jotka tuntuvat enemmän fyysisiltä painikkeilta kuin verkkoelementeiltä. Self Modernia (mukautettu serif-fontti) käytetään muutamissa tärkeissä toimituksellista huomiota vaativissa hetkissä – otsikoissa ja kokoelmien nimissä – kun taas Geographia käytetään jokaisessa kirjaimessa, leipätekstissä ja painikkeessa kolmessa tasapainotetussa värivalikoimassa. Kategoriakorteista tulee värijärjestelmä: jokainen ottaa taustansävyn esitellystä tuotteesta, mikä muuttaa navigoinnin eläväksi Pantone-paletiksi.
Suurin leveys on noin 1200 pikseliä, keskitettynä ja reunat reunustettuna. Pääelementti on täysleveä toimituksellinen kaistale lämpimällä hiekkapohjalla, jonka keskeltä lähtee säteilevä suuri tuotekaruselli. Kategorianavigointi on ruudukko, joka koostuu neljästä identtisestä värillisestä kortista neljässä sarakkeessa, joista jokainen sisältää yhden keskitetyn kenkämallin. Taitoksen alapuolella asettelu vaihtelee täysleveiden jaettujen paneelien (lifestyle-valokuva vasemmalla + tuotenäyte oikealla) ja keskitettyjen tuotekarusellien välillä pienen, alleviivatun osion otsikon alla. Yleinen rytmi on: täysleveä toimituksellinen paneeli → nelisarakkeinen ruudukko → keskitetty tuotekaruselli → kaksisarakkeinen jaettu → keskitetty tuotekaruselli. Osioiden välinen etäisyys on 40–56 pikseliä, mikä luo ilmavia mutta ei liian näyttäviä siirtymiä. Navigointi on minimalistinen, kiinteä yläpalkki, jossa on keskitetyt päälinkit.
Valokuvaus on koko visuaalinen järjestelmä. Kaikki tuotekuvat on otettu lähikuvina pienestä kulmasta tasaista taustaa vasten, joka sopii kengän tehosteväriin tai täydentää sitä, muuttaen jokaisen valokuvan tehokkaasti väritutkielmaksi. Lifestyle-kuvat on otettu lämpimin, aurinkoisin sävyin luonnonympäristöissä (agavepellot, puiset terassit, epätasainen maasto), hienovaraisesti hillitysti vastaamaan hillittyä väripalettia. Ei kuvituksia, ei 3D-renderöintejä, ei abstraktia grafiikkaa. Yhteistyössä Pantonen kanssa kirjaimellista väripalettia käytetään graafisena elementtinä. Ikonografia on minimalistinen ja yksivärinen (ääriviivakuvakkeet navigointi- ja apukohdissa).
Paletti
Neutraali
- Canvas White
#ffffff— Sivun taustakuvat, korttipinnat, tuotekorttien taustakuvat. - Charcoal
#212121— Neutraalia väriä tuetaan käyttöliittymän toissijaisissa elementeissä, jakajissa ja vaimennettuissa otsikoissa. Sitä ei tule käyttää toimintakehotuksen ensisijaisena värinä. - True Black
#000000— Otsikot, kuvakkeet, teräväkontrastiset kehykset, navigointiteksti. - Warm Sand
#e0dacf— Pääosan tausta, lisäpintasävy, suuret toimituspaneelit. - Olive Char
#222519— Neutraalia väriä tuetaan käyttöliittymän toissijaisissa elementeissä, jakajissa ja vaimennettuissa otsikoissa. Sitä ei tule käyttää toimintakehotuksen ensisijaisena värinä. - Iron Gray
#525252— Toissijainen teksti, aputeksti, huomaamattomat kehykset.
Typografia
12:sta 40 pikseliin · 6 vaihetta
- Self Modern — korvaava: Playfair Display · ääriviivat 400 · Otsikoita ja pääkirjoitusta käytetään säästeliäästi, ja avainsanoja ja kokoelmien nimiä korostetaan. Serif- ja italic-kirjasintyypit rikkovat sans serif -kirjasintyyppien monotonian ja välittävät viestin: "Tämä on tarinan ydin."
- Geograph — korvaava: Inter · ääriviivat 400, 500, 700 · Käyttöliittymän ensisijainen fontti sisältää leipätekstin, navigointitekstit, painikkeet, tuoteotsikot, alatunnisteet, syöttökentät ja kuvakkeet. 500 korostetuille otsikoille, 700 tuotenimille. Leveä kirjainväli (0,025–0,10 em) isoissa kirjaimissa navigointiteksteissä ja luokissa luo yhtenäisen brändityylin.
- HurmeGeometricSans3 — korvaava: Inter · ääriviivat 400 · Käytetään harvoin varajärjestelmänä tai erillisenä painikkeen tarrana. Geograph käyttää tätä järjestelmää päivittäin.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | tiheä |
| Perusvaihe | 8-16px |
| Painikkeen säde | 9999px (pill) |
| Kortin säde | 16px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 40-56px |
| Sivun leveys | 1200px |
Tekoäly rakentaa verkkosivustosi Allbirds -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Lightship — Elokuvamainen dioraama avoimesta maantiestä. Lämpimän kermanvärisiä gallerian seiniä koristavat tiheästi kiinnitetyt suuret maisemavalokuvat, ohuet mustat fontit tuskin erottuvat kehyksissä, ja yksittäinen kirkkaan oranssi korostus rikkoo yksivärisyyden kuin nuotio niityllä.
- Faire ES — lämpimän voiteen tukkumyyntiluettelo
- Adanola — Valkoiselle paperille painettu toimituksellinen lookbook. Muotikuvaus, jossa typografia ja valokuvaus hengittävät puhtaalla valkoisella pinnalla. Kirjasintyyppi on musta ja hienovarainen sans-serif-fontti (Favorit) heijastaa brändin yleistä tyyliä.
- Oura Ring — Viihtyisä kaurapuuron valmistustyöpaja, pehmeässä päivänvalossa
- Stykka — Skandinaavinen työpaja valkoisessa valossa – hiljainen, käsityönä tehty showroom, jossa ainoa ääni on valokuvaus
- DJI — ilmailumusta kangas yhdellä sähkönsinisellä korostuksella
- Altitude Beverages — Yksivärinen aikakauslehtiaukeama. Kuvittele muotilehtiaukeama, josta on poistettu kaikki värit paitsi still-kuvat – teksti ja tyhjä tila kertovat koko tarinan.
- AATHER — Avoin kämmen, yksi liekki - hiljainen ylellisyys hiljaisuudessa
- Cowboy — Belgialainen polkupyörägalleria lumivalkoisessa posliiniympäristössä. Näyttelytila, jossa mattapinnat, toimituksellisissa materiaaleissa käytetyt suuret fontit ja lähes täydellinen koristelujen puuttuminen kiinnittävät katseen polkupyörään ja sen sisältöön.
- Refero — Toimituksellinen ulkoasu valkoisella marmorilla - typografin luoma tuotesivu, jossa serif-otsikko on brändin käyntikortti ja kaikki muu on huomaamatonta
- Face Formula — Skandinaavinen toimituksellinen muotokuva. Rauhallinen, aikakauslehtityylinen kuva, jossa mallin katse ja tiivistetyllä serif-fontilla kirjoitettu otsikko puhuvat puolestaan viileää, utuista taustaa vasten.
- Shupatto — Museon vitriini valkoisella marmorilla