Allbirds
Materiali naturali nantu à linu biancu
Allbirds opera cun una fiducia calma è naturale - una tela quasi interamente acromatica, cumplementata da sabbia calda (#e0dacf) è toni di terra tenui presi direttamente da a fotografia di u produttu. L'interfaccia utente ùn interferisce micca cù l'esperienza di u produttu: superfici bianche, bordi sottili, navigazione tutta in maiuscule è cuntrolli in forma di pillola chì parenu più buttoni fisichi chè elementi web. Self Modern (un carattere serif persunalizatu) hè adupratu per i pochi mumenti cruciali chì richiedenu attenzione editoriale - tituli è nomi di cullezzione - mentre Geograph hè adupratu per ogni lettera, testu di u corpu è buttone in trè pesi equilibrati. E carte di categuria diventanu un sistema di culori: ognuna piglia a so tonalità di fondu da u produttu prisentatu, trasfurmendu a navigazione in una paleta Pantone vivente.
A larghezza massima hè ~1200px, centrata cù un generosu imbottitura laterale. L'elementu principale hè una striscia editoriale à larghezza piena nantu à un sfondate di sabbia calda cù un grande carusellu di prudutti chì irradia da u centru. A navigazione di categuria hè una griglia di quattru carte culurite identiche in quattru colonne, ognuna cuntene un unicu mudellu di scarpa centratu. Sottu à a piega, u layout alterna trà pannelli divisi à larghezza piena (foto di stile di vita à manca + campione di pruduttu à diritta) è caruselli di prudutti centrati sottu un picculu titulu di sezione sottolineatu. U ritmu generale hè: pannellu editoriale à larghezza piena → griglia à quattru colonne → carusellu di prudutti centratu → divisione à duie colonne → carusellu di prudutti centratu. A spaziatura trà e sezioni hè di 40-56px, creendu transizioni ariose ma micca eccessive. A navigazione hè una barra superiore minimalista è fissa cù ligami primari centrati.
A fotografia hè tuttu u sistema visuale. Tutte e foto di i prudutti sò in primu pianu, da un ligeru angulu, contr'à un sfondate solidu chì currisponde o cumplementa u culore d'accentu di a scarpa, trasformendu efficacemente ogni foto in un studiu di culore. E foto di stile di vita sò scattate in toni caldi è assulanati, in ambienti naturali (campi d'agave, terrazze di legnu, terreni accidentati), sutilmente attenuate per currisponde à a paleta attenuata. Ùn ci sò illustrazioni, nè rendering 3D, nè grafica astratta. In cullaburazione cù Pantone, a paleta di culori literale hè aduprata cum'è elementu graficu. L'iconografia hè minimalista è monocromatica (icone di contornu in pusizioni di navigazione è ausiliarie).
Paletta
Neutru
- Canvas White
#ffffff— Imagine di fondu di pagina, superfici di carte, imagine di fondu di carte di pruduttu. - Charcoal
#212121— Un culore neutru hè supportatu per l'elementi secundarii di l'interfaccia utente, i divisori è l'etichette silenziate. Ùn deve esse adupratu cum'è culore primariu per e chjame à l'azzione. - True Black
#000000— Titoli, icone, cornici à altu cuntrastu, testu di navigazione. - Warm Sand
#e0dacf— Sfondate di a sezzione principale, ombra di superficia supplementaria, grandi pannelli editoriali. - Olive Char
#222519— Un culore neutru hè supportatu per l'elementi secundarii di l'interfaccia utente, i divisori è l'etichette silenziate. Ùn deve esse adupratu cum'è culore primariu per e chjame à l'azzione. - Iron Gray
#525252— Testu secundariu, testu ausiliariu, quadri discreti.
Tipografia
da 12 à 40px · 6 passi
- Self Modern — rimpiazzamentu: Playfair Display · contorni 400 · I tituli è l'editoriali sò usati cù parsimonia, mettendu in risaltu e frasi chjave è i tituli di e cullezzione. I caratteri serif è italichi rompenu a monotunia di i caratteri sans-serif è trasmettenu u missaghju: "Questa hè l'essenza di a storia".
- Geograph — rimpiazzamentu: Inter · contorni 400, 500, 700 · U caratteru principale per l'interfaccia utente include u testu di u corpu, l'etichette di navigazione, i buttoni, i tituli di i prudutti, i piè di pagina, i campi di input è l'icone. 500 per i tituli evidenziati, 700 per i nomi di i prudutti. Una spaziatura larga di e lettere (0,025em-0,10em) in lettere maiuscule in l'etichette di navigazione è e categurie stabilisce un stile di marca coerente.
- HurmeGeometricSans3 — rimpiazzamentu: Inter · contorni 400 · Raramente adupratu cum'è una copia di salvezza o etichetta dedicata per un buttone. Geograph usa stu sistema ogni ghjornu.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 8-16px |
| Raggiu di u buttone | 9999px (pill) |
| Raggiu di a carta | 16px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 40-56px |
| Larghezza di a pagina | 1200px |
L'IA custruisce u vostru situ web in stile Allbirds è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Lightship — Un diorama cinematograficu di a strada aperta. Muri di galleria di culore crema caldu adurnati cù grandi fotografie di paisaghji muntate à intervalli ravvicinati, caratteri neri fini appena visibili nantu à e cornici, è un unicu accentu aranciu brillanti chì rompe u monocromu cum'è un focu in un pratu.
- Faire ES — catalogu à l'ingrossu di crema calda
- Adanola — Un lookbook editoriale nant'à carta bianca. Una sessione fotografica di moda induve a tipografia è a fotografia respiranu nant'à superfici bianche pulite, cù inchiostru neru per u caratteru è un carattere sans-serif sottile (Favorit), chì riflette u stile generale di a marca.
- Oura Ring — Un attellu accogliente di preparazione di farina d'avena, immersu in una dolce luce di ghjornu
- Stykka — Un attellu scandinavu in luce bianca - una sala d'esposizione tranquilla è artigianale induve l'unica voce hè a fotografia
- DJI — tela nera aerospaziale cù un unicu puntu culminante blu elettricu
- Altitude Beverages — Pagina di rivista monocromatica. Imaginate una pagina di rivista di moda spugliata di tutti i culori, eccettu per e foto fisse - u testu è u spaziu biancu contanu tutta a storia.
- AATHER — Una palma aperta, una sola fiamma - un lussu tranquillu cuntenutu in a tranquillità
- Cowboy — Una galeria di biciclette belghe in un ambiente di porcellana bianca cum'è a neve. Una sala d'esposizione induve e superfici opache, i grandi caratteri utilizati in i materiali editoriali è una assenza virtuale di decorazione attiranu l'attenzione versu a bicicletta è u so cuntenutu.
- Refero — Layout editoriale nantu à u marmaru biancu - una pagina di pruduttu creata da un tipografu, induve u tìtulu serif hè a carta di visita di a marca, è tuttu u restu hè discretu
- Face Formula — Un ritrattu editoriale scandinavu. Una diffusione calma, in stile rivista, induve u sguardu di a modella è u titulu, scritti in un carattere serif condensatu, parlanu da sè stessi contr'à un sfondate frescu è nebbiosu.
- Shupatto — Vetrina di museu nantu à marmaru biancu