Allbirds
Looduslikud materjalid valgel linal
Allbirds töötab rahuliku ja loomuliku enesekindlusega – peaaegu täielikult akromaatiline lõuend, mida täiendavad soe liivavärv (#e0dacf) ja summutatud maatoonid, mis on ammutatud otse tootefotodest. Kasutajaliides ei sega tootekogemust: valged pinnad, õhukesed äärised, suurtähtedega navigeerimine ja tabletikujulised juhtnupud, mis tunduvad pigem füüsiliste nuppude kui veebielementidena. Self Moderni (kohandatud serif-font) kasutatakse väheste toimetuse tähelepanu nõudvate oluliste hetkede jaoks – pealkirjad ja kollektsioonide nimed –, samas kui Geographi kasutatakse iga tähe, põhiteksti ja nupu jaoks kolmes tasakaalustatud kaalus. Kategooriakaartidest saab värvisüsteem: igaüks võtab oma taustatooni esiletõstetud tootelt, muutes navigeerimise elavaks Pantone'i paletiks.
Maksimaalne laius on ~1200 pikslit, tsentreeritud ja helde külgvoodriga. Põhielement on soojal liivasel taustal täislaiuses toimetusriba, mille keskelt lähtub suur tootekarussell. Kategooria navigatsioon on neljast identsest värvilisest kaardist koosnev ruudustik neljas veerus, millest igaüks sisaldab ühte tsentreeritud kingamudelit. Voldi all vaheldub paigutus täislaiuses jagatud paneelide (vasakul elustiilifoto + paremal tootenäidis) ja tsentreeritud tootekarussellide vahel väikese allajoonitud jaotise pealkirja all. Üldine rütm on: täislaiuses toimetuspaneel → nelja veeruga ruudustik → tsentreeritud tootekarussell → kahe veeruga jagatud → tsentreeritud tootekarussell. Sektsioonide vaheline kaugus on 40–56 pikslit, luues õhulised, kuid mitte liiga ülekoormatud üleminekud. Navigeerimine on minimalistlik, fikseeritud ülemine riba tsentreeritud peamiste linkidega.
Fotograafia on kogu visuaalne süsteem. Kõik tootefotod on tehtud lähedalt, väikese nurga alt, kindlal taustal, mis sobib jalanõu aktsentvärviga või täiendab seda, muutes iga foto sisuliselt värviuuringuks. Elustiilifotod on tehtud soojades, päikeselistes toonides, looduslikes keskkondades (agaaviväljad, puidust tekid, konarlik maastik), mis on peenelt summutatud, et need sobiksid summutatud paletiga. Puuduvad illustratsioonid, 3D-renderdused ega abstraktsed graafikad. Koostöös Pantone'iga on graafilise elemendina kasutatud sõnasõnalist värvipaletti. Ikonograafia on minimalistlik ja monokroomne (kontuursed ikoonid navigeerimis- ja abipositsioonidel).
Palett
Neutraalne
- Canvas White
#ffffff— Lehe taustapildid, kaardi pinnad, tootekaardi taustapildid. - Charcoal
#212121— Neutraalset värvi toetatakse kasutajaliidese sekundaarsete elementide, eraldajate ja summutatud siltide jaoks. Seda ei tohiks kasutada tegevusele kutsuvate tekstide põhivärvina. - True Black
#000000— Pealkirjad, ikoonid, suure kontrastsusega raamid, navigeerimistekst. - Warm Sand
#e0dacf— Põhiosa taust, täiendav pinnavarjund, suured toimetuspaneelid. - Olive Char
#222519— Neutraalset värvi toetatakse kasutajaliidese sekundaarsete elementide, eraldajate ja summutatud siltide jaoks. Seda ei tohiks kasutada tegevusele kutsuvate tekstide põhivärvina. - Iron Gray
#525252— Teisejärguline tekst, abitekst, märkamatud raamid.
Tüpograafia
12-st 40 pikslini · 6 sammu
- Self Modern — asendamine: Playfair Display · kontuurid 400 · Pealkirju ja juhtkirja kasutatakse säästlikult, tuues esile märksõnu ja kogumike pealkirju. Serif- ja kaldkirjas kirjatüübid lõhuvad sans-serif-kirjatüüpide monotoonsust ja edastavad sõnumi: "See on loo tuum."
- Geograph — asendamine: Inter · kontuurid 400, 500, 700 · Kasutajaliidese peamine font hõlmab põhiteksti, navigeerimissilte, nuppe, tootepealkirju, jaluseid, sisestusvälju ja ikoone. 500 esiletõstetud pealkirjade ja 700 tootenimede jaoks. Lai tähevahe (0,025–0,10 mm) suurtähtede vahel navigeerimissiltides ja kategooriates loob ühtse brändistiili.
- HurmeGeometricSans3 — asendamine: Inter · kontuurid 400 · Harva kasutatakse nupu varukoopiana või eraldi sildina. Geograph kasutab seda süsteemi iga päev.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 8-16px |
| Nupu raadius | 9999px (pill) |
| Kaardi raadius | 16px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 40-56px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Allbirds stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Lightship — Filmiline dioraam avatud teest. Soojad kreemikad galeriiseinad, mida kaunistasid tiheda vahega raamitud suured maastikufotod, õhuke must trükis, mis oli raamidel vaevu nähtav, ja üksainus ereoranž aktsent, mis katkestas monokroomse tausta nagu lõke niidul.
- Faire ES — sooja kreemi hulgimüügikataloog
- Adanola — Valgel paberil loodud reklaamalbum. Moefotosessioon, kus tüpograafia ja fotograafia hingavad puhastel valgetel pindadel, kus kirjatüübiks on must tint ja peenelt signatuurne sans-serif font (Favorit), mis peegeldab brändi üldist stiili.
- Oura Ring — Hubane kaerahelbepudru valmistamise töötuba pehmes päevavalguses
- Stykka — Skandinaaviapärane töökoda valges valguses – vaikne käsitööesitlusruum, kus ainsaks hääleks on fotograafia
- DJI — lennundusmust lõuend ühe elektrilise sinise esiletõstmisega
- Altitude Beverages — Mustvalge ajakirjaleht. Kujutage ette moeajakirja lehte, millelt on eemaldatud kõik värvid peale fotode – tekst ja tühi ruum jutustavad kogu loo.
- AATHER — Avatud peopesa, üksainus leek - vaikne luksus vaikuses
- Cowboy — Belgia jalgrattagalerii lumivalges portselanist keskkonnas. Näitusesaal, kus matid pinnad, trükimaterjalides kasutatud suured fondid ja praktiliselt igasugune kaunistus tõmbavad pilku jalgrattale ja selle sisule.
- Refero — Valgel marmoril küljendus – tüpograafi loodud tooteleht, kus serif-pealkiri on brändi visiitkaart ja kõik muu on tagasihoidlik.
- Face Formula — Skandinaaviapärane ajakirjaportree. Rahulik, ajakirjastiilis pilt, kus modelli pilk ja tihendatud serif-fondis kirjutatud pealkiri räägivad enda eest jaheda ja uduse tausta taustal.
- Shupatto — Muuseumi vitriin valgel marmoril