Allbirds
Natūralios medžiagos ant balto lino
„Allbirds“ veikia ramiai, natūraliai užtikrintai – tai beveik visiškai achromatinė drobė, papildyta šilto smėlio (#e0dacf) ir prislopintų žemės atspalvių, paimtų tiesiai iš produktų nuotraukų. Vartotojo sąsaja netrukdo produkto patirčiai: balti paviršiai, ploni rėmeliai, naršymas vien didžiosiomis raidėmis ir piliulės formos valdikliai, kurie labiau primena fizinius mygtukus nei žiniatinklio elementus. „Self Modern“ (pasirinktinis serifinis šriftas) naudojamas keliems svarbiausiems momentams, reikalaujantiems redaktoriaus dėmesio – antraštėms ir kolekcijų pavadinimams, o „Geograph“ naudojamas kiekvienam užrašui, pagrindiniam tekstui ir mygtukui trijų subalansuotų svorių. Kategorijų kortelės tampa spalvų sistema: kiekviena paima savo fono atspalvį iš siūlomo produkto, paversdama navigaciją gyva „Pantone“ palete.
Didžiausias plotis yra ~1200 pikselių, centre su gausia šonine parašte. Pagrindinis elementas yra viso pločio redakcinė juostelė šiltame smėlio fone su didele produktų karusele, besidriekiančia iš centro. Kategorijos navigacija yra keturių identiškų spalvotų kortelių tinklelis keturiuose stulpeliuose, kurių kiekviename yra vienas centre esantis batų modelis. Po sulenkimu išdėstymas kaitaliojasi tarp viso pločio padalintų skydelių (gyvenimo būdo nuotrauka kairėje + produkto pavyzdys dešinėje) ir centruotų produktų karuselių po mažu, pabrauktu skyriaus pavadinimu. Bendras ritmas yra toks: viso pločio redakcinė skydelis → keturių stulpelių tinklelis → centruota produktų karuselė → dviejų stulpelių padalinta → centruota produktų karuselė. Tarpai tarp skyrių yra 40–56 pikselių, sukuriantys lengvus, bet ne per didelius perėjimus. Navigacija yra minimalistinė, fiksuota viršutinė juosta su centruotomis pagrindinėmis nuorodomis.
Fotografija – tai visa vizualinė sistema. Visos gaminių nuotraukos yra stambaus plano, nedideliu kampu, vientisame fone, kuris atitinka arba papildo batų akcento spalvą, todėl kiekviena nuotrauka paverčiama spalvų studija. Gyvenimo būdo nuotraukos darytos šiltais, saulėtais tonais, natūralioje aplinkoje (agavų laukuose, medinėse terasose, nelygiame reljefe), subtiliai prislopintos, kad atitiktų prislopintą spalvų paletę. Nėra jokių iliustracijų, 3D vizualizacijų, abstrakčios grafikos. Bendradarbiaujant su „Pantone“, kaip grafinis elementas naudojama tiesioginė spalvų paletė. Ikonografija yra minimalistinė ir vienspalvė (kontūrinės piktogramos navigacijos ir pagalbinėse pozicijose).
Paletė
Neutralus
- Canvas White
#ffffff— Puslapio fono paveikslėliai, kortelių paviršiai, produktų kortelių fono paveikslėliai. - Charcoal
#212121— Antriniams vartotojo sąsajos elementams, skirtukams ir prislopintoms etiketėms palaikoma neutrali spalva. Ji neturėtų būti naudojama kaip pagrindinė spalva raginimams veikti. - True Black
#000000— Antraštės, piktogramos, didelio kontrasto rėmeliai, naršymo tekstas. - Warm Sand
#e0dacf— Pagrindinio skyriaus fonas, papildomas paviršiaus šešėlis, dideli redakciniai skydeliai. - Olive Char
#222519— Antriniams vartotojo sąsajos elementams, skirtukams ir prislopintoms etiketėms palaikoma neutrali spalva. Ji neturėtų būti naudojama kaip pagrindinė spalva raginimams veikti. - Iron Gray
#525252— Antrinis tekstas, pagalbinis tekstas, neįkyrūs rėmeliai.
Tipografija
nuo 12 iki 40 pikselių · 6 žingsniai
- Self Modern — pakeitimas: Playfair Display · kontūrai 400 · Antraštės ir redakcinis tekstas naudojami saikingai, išryškinant pagrindines frazes ir kolekcijų pavadinimus. Šriftai su serifais ir kursyvu skaido šriftų be serifų monotoniją ir perteikia žinutę: „Tai yra istorijos esmė“.
- Geograph — pakeitimas: Inter · kontūrai 400, 500, 700 · Pagrindinis vartotojo sąsajos šriftas apima pagrindinį tekstą, naršymo etiketes, mygtukus, produktų antraštes, poraštes, įvesties laukus ir piktogramas. 500 – paryškintoms antraštėms, 700 – produktų pavadinimams. Platūs didžiųjų raidžių tarpai (0,025–0,10 em) naršymo etiketėse ir kategorijose sukuria nuoseklų prekės ženklo stilių.
- HurmeGeometricSans3 — pakeitimas: Inter · kontūrai 400 · Retai naudojama kaip atsarginė arba speciali mygtuko etiketė. „Geograph“ šią sistemą naudoja kasdien.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 8-16px |
| Mygtuko spindulys | 9999px (pill) |
| Kortelės spindulys | 16px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 40-56px |
| Puslapio plotis | 1200px |
Dirbtinis intelektas sukurs jūsų svetainę Allbirds stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Lightship — Kinematografiška atviro kelio diorama. Šiltos kreminės spalvos galerijos sienas puošė didelės peizažų nuotraukos, išdėstytos nedideliu atstumu, ant kadrų vos matomas plonas juodas šriftas ir vienas ryškiai oranžinis akcentas, pertraukiantis monochromiją tarsi laužas pievoje.
- Faire ES — Didmeninis šilto kremo katalogas
- Adanola — Redakcinė stiliaus knyga ant balto popieriaus. Mados fotosesija, kurioje tipografija ir fotografija kvėpuoja ant švarių baltų paviršių, naudojant juodą rašalą šriftui ir subtilų firminį be serifų šriftą („Favorit“), atspindintį bendrą prekės ženklo stilių.
- Oura Ring — Jaukios avižinių dribsnių gamybos dirbtuvės, apšviestos švelnia dienos šviesa
- Stykka — Skandinaviškos dirbtuvės baltoje šviesoje – tylus, rankų darbo salonas, kuriame skamba tik fotografija
- DJI — juoda drobė su vienu elektrinės mėlynos spalvos akcentu
- Altitude Beverages — Monochrominis žurnalo puslapis. Įsivaizduokite mados žurnalo puslapį, kuriame nėra jokių spalvų, išskyrus nuotraukas – tekstas ir balta erdvė pasakoja visą istoriją.
- AATHER — Atviras delnas, viena liepsna – tyli prabanga, slypinti ramybėje
- Cowboy — Belgijos dviračių galerija sniego baltumo porceliano aplinkoje. Parodų salė, kurioje matiniai paviršiai, dideli šriftai, naudojami redakcinėje medžiagoje, ir praktiškai jokių dekoracijų traukia akį į dviratį ir jo turinį.
- Refero — Redakcinis maketas ant balto marmuro – tipografo sukurtas produkto puslapis, kuriame serifinė antraštė yra prekės ženklo vizitinė kortelė, o visa kita yra nepastebima.
- Face Formula — Skandinaviško stiliaus portretas. Ramus, žurnalo stiliaus paveikslas, kuriame modelio žvilgsnis ir antraštė, parašyta glaustu serifiniu šriftu, kalba patys už save vėsiame, miglotame fone.
- Shupatto — Muziejaus vitrina ant balto marmuro