Allbirds
Materiale natyrale në li të bardhë
Allbirds funksionon me një besim të qetë dhe natyror - një kanavacë pothuajse tërësisht akromatike, e plotësuar nga rëra e ngrohtë (#e0dacf) dhe tone të zbehta toke të nxjerra direkt nga fotografia e produktit. Ndërfaqja e përdoruesit nuk ndërhyn në përvojën e produktit: sipërfaqe të bardha, kufij të hollë, navigim me shkronja të mëdha dhe kontrolle në formë pilule që ndihen më shumë si butona fizikë sesa si elementë uebi. Self Modern (një font serif i personalizuar) përdoret për disa momente vendimtare që kërkojnë vëmendje editoriale - titujt dhe emrat e koleksioneve - ndërsa Geograph përdoret për çdo shkronjë, tekst të trupit dhe buton në tre pesha të balancuara. Kartat e kategorive bëhen një sistem ngjyrash: secila merr nuancën e sfondit nga produkti i paraqitur, duke e transformuar navigimin në një paletë të gjallë Pantone.
Gjerësia maksimale është ~1200px, e përqendruar me mbushje anësore të bollshme. Elementi kryesor është një shirit editorial me gjerësi të plotë në një sfond të ngrohtë me rërë me një karusel të madh produkti që rrezaton nga qendra. Navigimi i kategorisë është një rrjetë me katër karta identike me ngjyra në katër kolona, secila prej të cilave përmban një model të vetëm këpucësh në qendër. Poshtë palosjes, paraqitja alternohet midis paneleve të ndara me gjerësi të plotë (foto stili jetese në të majtë + mostër produkti në të djathtë) dhe karuseleve të produkteve në qendër nën një titull seksioni të vogël dhe të nënvizuar. Ritmi i përgjithshëm është: panel editorial me gjerësi të plotë → rrjetë me katër kolona → karusel produkti në qendër → ndarje me dy kolona → karusel produkti në qendër. Hapësira midis seksioneve është 40-56px, duke krijuar tranzicione të ajrosura, por jo të tepërta. Navigimi është një shirit minimalist i sipërm i fiksuar me lidhje kryesore të përqendruara.
Fotografia është i gjithë sistemi vizual. Të gjitha fotot e produkteve janë nga afër, nga një kënd i lehtë, në një sfond të fortë që përputhet ose plotëson ngjyrën e theksuar të këpucës, duke e shndërruar në mënyrë efektive çdo foto në një studim ngjyrash. Fotot e stilit të jetesës janë shkrepur në tone të ngrohta dhe me diell, në mjedise natyrore (fusha agave, tarraca druri, terren i ashpër), të zbehta lehtë për t'iu përshtatur paletës së zbehtë. Nuk ka ilustrime, nuk ka renderime 3D, nuk ka grafikë abstrakte. Në bashkëpunim me Pantone, paleta e ngjyrave përdoret si element grafik. Ikonografia është minimaliste dhe monokrome (ikona të konturit në pozicionet e navigimit dhe ndihmëse).
Paletë
Neutral
- Canvas White
#ffffff— Imazhe të sfondit të faqes, sipërfaqe të kartave, imazhe të sfondit të kartave të produktit. - Charcoal
#212121— Një ngjyrë neutrale mbështetet për elementët dytësorë të ndërfaqes së përdoruesit, ndarësit dhe etiketat e heshtura. Nuk duhet të përdoret si ngjyra kryesore për thirrjet për veprim. - True Black
#000000— Tituj, ikona, korniza me kontrast të lartë, tekst navigimi. - Warm Sand
#e0dacf— Sfondi i seksionit kryesor, hije shtesë e sipërfaqes, panele të mëdha editoriale. - Olive Char
#222519— Një ngjyrë neutrale mbështetet për elementët dytësorë të ndërfaqes së përdoruesit, ndarësit dhe etiketat e heshtura. Nuk duhet të përdoret si ngjyra kryesore për thirrjet për veprim. - Iron Gray
#525252— Tekst dytësor, tekst ndihmës, korniza të padukshme.
Tipografi
nga 12 në 40px · 6 hapa
- Self Modern — zëvendësim: Playfair Display · skica 400 · Titujt dhe shkrimet editoriale përdoren me kursim, duke nxjerrë në pah frazat kyçe dhe titujt e koleksioneve. Shkronjat serif dhe italik thyejnë monotoninë e shkronjave sans-serif dhe përcjellin mesazhin: "Ky është thelbi i historisë".
- Geograph — zëvendësim: Inter · skica 400, 500, 700 · Fonti kryesor për ndërfaqen e përdoruesit përfshin tekstin e trupit, etiketat e navigimit, butonat, titujt e produkteve, fundet e faqeve, fushat e të dhënave dhe ikonat. 500 për titujt e theksuar, 700 për emrat e produkteve. Hapësira e gjerë midis shkronjave (0.025em–0.10em) në shkronjat e mëdha në etiketat dhe kategoritë e navigimit përcakton një stil të qëndrueshëm të markës.
- HurmeGeometricSans3 — zëvendësim: Inter · skica 400 · Rrallë përdoret si një etiketë rezervë ose e dedikuar për një buton. Geograph e përdor këtë sistem çdo ditë.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 8-16px |
| Rrezja e butonit | 9999px (pill) |
| Rrezja e kartës | 16px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 40-56px |
| Gjerësia e faqes | 1200px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Allbirds dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Lightship — Një dioramë kinematografike e rrugës së hapur. Muret e galerisë me ngjyrë krem të ngrohtë të zbukuruara me fotografi të mëdha peizazhesh të montuara në intervale të afërta, shkronja të holla të zeza mezi të dukshme në korniza dhe një theks i vetëm portokalli i ndritshëm që thyen monokromin si një zjarr i madh në një livadh.
- Faire ES — katalog me shumicë i kremit të ngrohtë
- Adanola — Një album editorial në letër të bardhë. Një set mode ku tipografia dhe fotografia marrin frymë në sipërfaqe të bardha të pastra, me bojë të zezë për llojin e shkronjave dhe një font delikat sans-serif (Favorit), që pasqyron stilin e përgjithshëm të markës.
- Oura Ring — Një seminar komod për përgatitjen e tërshërës, i zhytur në dritën e butë të ditës
- Stykka — Një punishte skandinave në dritë të bardhë – një sallë ekspozite e qetë dhe e punuar me dorë, ku zëri i vetëm është fotografia
- DJI — kanavacë e zezë hapësinore me një theks të vetëm blu elektrik
- Altitude Beverages — Kuti revistash njëngjyrëshe. Imagjinoni një kuti reviste mode të zhveshur nga të gjitha ngjyrat përveç fotove statike - teksti dhe hapësira e bardhë tregojnë të gjithë historinë.
- AATHER — Një pëllëmbë e hapur, një flakë e vetme - një luks i qetë i përmbajtur në qetësi
- Cowboy — Një galeri biçikletash belge në një ambient prej porcelani të bardhë si bora. Një sallë ekspozite ku sipërfaqet mat, shkronjat e mëdha të përdorura në materialet editoriale dhe një mungesë praktike e dekorimit tërheqin vëmendjen drejt biçikletës dhe përmbajtjes së saj.
- Refero — Paraqitje editoriale në mermer të bardhë - një faqe produkti e krijuar nga një tipograf, ku titulli serif është karta e vizitës së markës, dhe gjithçka tjetër është diskrete
- Face Formula — Një portret editorial skandinav. Një shpërndarje e qetë në stilin e revistës, ku shikimi i modeles dhe titulli, i shkruar me një font serif të kondensuar, flasin vetë në një sfond të freskët dhe të errët.
- Shupatto — Vitrina muzeale në mermer të bardhë