Allbirds
Materiale naturale pe pânză albă
Allbirds operează cu o încredere calmă și naturală - o pânză aproape complet acromatică, completată de nisip cald (#e0dacf) și tonuri estompate de pământ, extrase direct din fotografia produsului. Interfața cu utilizatorul nu interferează cu experiența produsului: suprafețe albe, chenarele subțiri, navigare cu majuscule și comenzi în formă de pilulă care seamănă mai mult cu butoane fizice decât cu elemente web. Self Modern (un font serif personalizat) este utilizat pentru puținele momente cruciale care necesită atenție editorială - titluri și nume de colecții - în timp ce Geograph este utilizat pentru fiecare literă, text și buton, în trei ponderi echilibrate. Fișele de categorii devin un sistem de culori: fiecare își preia nuanța de fundal de la produsul prezentat, transformând navigarea într-o paletă Pantone vie.
Lățimea maximă este de ~1200px, centrată cu o padding laterală generoasă. Elementul principal este o bandă editorială pe toată lățimea pe un fundal nisipos cald, cu un carusel mare de produse care radiază din centru. Navigarea pe categorii este o grilă formată din patru cărți identice colorate, dispuse pe patru coloane, fiecare conținând un singur model de pantof centrat. Sub linia de îndoire, aspectul alternează între panouri divizate pe toată lățimea (fotografie lifestyle în stânga + mostră de produs în dreapta) și caruseluri de produse centrate, sub un titlu de secțiune mic, subliniat. Ritmul general este: panou editorial pe toată lățimea → grilă pe patru coloane → carusel de produse centrat → divizare pe două coloane → carusel de produse centrat. Spațierea dintre secțiuni este de 40-56px, creând tranziții aerisite, dar nu copleșitoare. Navigarea este o bară superioară minimalistă, fixă, cu linkuri principale centrate.
Fotografia este întregul sistem vizual. Toate fotografiile de produs sunt realizate în prim-plan, dintr-un unghi ușor, pe un fundal solid care se potrivește sau completează culoarea accentului pantofului, transformând efectiv fiecare fotografie într-un studiu de culoare. Fotografiile de lifestyle sunt realizate în tonuri calde, însorite, în decoruri naturale (câmpuri de agave, terase din lemn, teren accidentat), subtil estompate pentru a se potrivi cu paleta de culori estompată. Nu există ilustrații, randări 3D, grafică abstractă. În colaborare cu Pantone, paleta de culori literală este utilizată ca element grafic. Iconografia este minimalistă și monocromă (pictograme de contur în pozițiile de navigare și auxiliare).
Paletă
Neutru
- Canvas White
#ffffff— Imagini de fundal pentru pagini, suprafețe pentru carduri, imagini de fundal pentru carduri de produs. - Charcoal
#212121— O culoare neutră este acceptată pentru elementele secundare ale interfeței utilizator, separatoare și etichete cu aspect estompat. Nu ar trebui utilizată ca și culoare principală pentru îndemnurile la acțiune. - True Black
#000000— Titluri, pictograme, cadre cu contrast ridicat, text de navigare. - Warm Sand
#e0dacf— Fundalul secțiunii principale, umbră suplimentară a suprafeței, panouri editoriale mari. - Olive Char
#222519— O culoare neutră este acceptată pentru elementele secundare ale interfeței utilizator, separatoare și etichete cu aspect estompat. Nu ar trebui utilizată ca și culoare principală pentru îndemnurile la acțiune. - Iron Gray
#525252— Text secundar, text auxiliar, cadre discrete.
Tipografie
de la 12 la 40px · 6 pași
- Self Modern — înlocuire: Playfair Display · contururi 400 · Titlurile și editorialele sunt folosite cu moderație, evidențiind fraze cheie și titluri de colecții. Fonturile serif și italic rup monotonia fonturilor sans-serif și transmit mesajul: „Aceasta este esența poveștii”.
- Geograph — înlocuire: Inter · contururi 400, 500, 700 · Fontul principal pentru interfața utilizator include textul corpului, etichetele de navigare, butoanele, titlurile produselor, subsolurile, câmpurile de introducere a datelor și pictogramele. 500 pentru titlurile evidențiate, 700 pentru numele produselor. Spațierea largă între litere (0,025em–0,10em) în majusculele din etichetele de navigare și categorii stabilește un stil de brand consistent.
- HurmeGeometricSans3 — înlocuire: Inter · contururi 400 · Rareori folosit ca rezervă sau etichetă dedicată pentru un buton. Geograph folosește acest sistem zilnic.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 8-16px |
| Raza butonului | 9999px (pill) |
| Raza cardului | 16px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 40-56px |
| Lățimea paginii | 1200px |
Inteligența artificială vă va construi site-ul web în stilul Allbirds și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Lightship — O dioramă cinematografică a drumului deschis. Pereți de galerie de culoare crem cald, împodobiți cu fotografii mari de peisaj montate la intervale mici, fonturi negre subțiri abia vizibile pe rame și un singur accent portocaliu aprins care sparge monocromul ca un foc de tabără într-o pajiște.
- Faire ES — catalog en-gros de cremă caldă
- Adanola — Un lookbook editorial pe hârtie albă. O ședință foto de modă în care tipografia și fotografia respiră pe suprafețe albe și curate, cu cerneală neagră pentru font și un font sans-serif subtil și caracteristic (Favorit), reflectând stilul general al brandului.
- Oura Ring — Un atelier de preparare a fulgilor de ovăz confortabil, scăldat în lumina blândă a zilei
- Stykka — Un atelier scandinav în lumină albă – un showroom liniștit, lucrat manual, unde singura voce este fotografia
- DJI — pânză neagră aerospațială cu o singură evidențiere albastru electric
- Altitude Beverages — Pagina monocromă a unei reviste de modă. Imaginați-vă o pagină monocromă a unei reviste de modă, lipsită de orice culoare, cu excepția fotografiilor statice - textul și spațiul alb spun întreaga poveste.
- AATHER — O palmă deschisă, o singură flacără - un lux liniștit conținut în liniște
- Cowboy — O galerie belgiană de biciclete într-un decor de porțelan alb ca zăpada. Un showroom unde suprafețele mate, fonturile mari folosite în materialele editoriale și absența virtuală a decorului atrag atenția asupra bicicletei și a conținutului acesteia.
- Refero — Machetă editorială pe marmură albă - o pagină de produs creată de un tipograf, unde titlul cu serif este cartea de vizită a mărcii, iar totul este discret
- Face Formula — Un portret editorial scandinav. O prezentare calmă, în stil de revistă, în care privirea modelului și titlul, scrise cu un font serif condensat, vorbesc de la sine pe un fundal rece și cețos.
- Shupatto — Vitrină muzeală din marmură albă