Allbirds
Materials naturals sobre lli blanc
Allbirds funciona amb una confiança tranquil·la i natural: un llenç gairebé completament acromàtic, complementat per sorra càlida (#e0dacf) i tons terra apagats extrets directament de la fotografia del producte. La interfície d'usuari no interfereix amb l'experiència del producte: superfícies blanques, vores primes, navegació en majúscules i controls en forma de píndola que semblen més botons físics que elements web. Self Modern (una font serif personalitzada) s'utilitza per als pocs elements crucials que requereixen atenció editorial (títols i noms de col·leccions), mentre que Geograph s'utilitza per a cada lletra, text del cos i botó en tres pesos equilibrats. Les targetes de categoria es converteixen en un sistema de colors: cadascuna pren el seu to de fons del producte destacat, transformant la navegació en una paleta Pantone viva.
L'amplada màxima és d'uns 1200 px, centrada amb un farciment lateral generós. L'element principal és una tira editorial d'amplada completa sobre un fons de sorra càlida amb un gran carrusel de productes que irradia des del centre. La navegació per categories és una quadrícula de quatre targetes de colors idèntics en quatre columnes, cadascuna amb un únic model de sabata centrat. Sota el plec, el disseny alterna entre panells dividits d'amplada completa (foto d'estil de vida a l'esquerra + mostra de producte a la dreta) i carrusels de productes centrats sota un petit títol de secció subratllat. El ritme general és: panell editorial d'amplada completa → quadrícula de quatre columnes → carrusel de productes centrat → divisió de dues columnes → carrusel de productes centrat. L'espai entre seccions és de 40-56 px, creant transicions lleugeres però no aclaparadores. La navegació és una barra superior minimalista i fixa amb enllaços principals centrats.
La fotografia és tot el sistema visual. Totes les fotos de productes són de primer pla, des d'un lleuger angle, sobre un fons sòlid que coincideix o complementa el color d'accent de la sabata, convertint efectivament cada foto en un estudi de color. Les fotos d'estil de vida es fan en tons càlids i assolellats, en entorns naturals (camps d'atzavara, terrasses de fusta, terreny accidentat), subtilment apagades per coincidir amb la paleta apagada. Sense il·lustracions, sense renders 3D, sense gràfics abstractes. En col·laboració amb Pantone, la paleta de colors literal s'utilitza com a element gràfic. La iconografia és minimalista i monocroma (icones de contorn a la navegació i posicions auxiliars).
Paleta
Neutral
- Canvas White
#ffffff— Imatges de fons de pàgina, superfícies de targetes, imatges de fons de targetes de producte. - Charcoal
#212121— S'admet un color neutre per a elements secundaris de la interfície d'usuari, divisors i etiquetes apagades. No s'ha d'utilitzar com a color principal per a les crides a l'acció. - True Black
#000000— Encapçalaments, icones, marcs d'alt contrast, text de navegació. - Warm Sand
#e0dacf— Fons de la secció principal, ombra superficial addicional, grans panells editorials. - Olive Char
#222519— S'admet un color neutre per a elements secundaris de la interfície d'usuari, divisors i etiquetes apagades. No s'ha d'utilitzar com a color principal per a les crides a l'acció. - Iron Gray
#525252— Text secundari, text auxiliar, marcs discrets.
Tipografia
de 12 a 40px · 6 passos
- Self Modern — reemplaçament: Playfair Display · esquemes 400 · Els titulars i els editorials s'utilitzen amb moderació, destacant frases clau i títols de col·leccions. Les tipografies serif i cursiva trenquen la monotonia de les tipografies sans-serif i transmeten el missatge: "Aquesta és l'essència de la història".
- Geograph — reemplaçament: Inter · esquemes 400, 500, 700 · La font principal de la interfície d'usuari inclou el text del cos, les etiquetes de navegació, els botons, els encapçalaments de productes, els peus de pàgina, els camps d'entrada i les icones. 500 per als encapçalaments ressaltats, 700 per als noms de productes. L'espaiat ampli entre lletres (0,025 em–0,10 em) en majúscules a les etiquetes de navegació i categories estableix un estil de marca coherent.
- HurmeGeometricSans3 — reemplaçament: Inter · esquemes 400 · Rarament s'utilitza com a còpia de seguretat o etiqueta dedicada per a un botó. Geograph utilitza aquest sistema diàriament.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 8-16px |
| Radi del botó | 9999px (pill) |
| Radi de la targeta | 16px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 40-56px |
| Amplada de la pàgina | 1200px |
La IA crearà el vostre lloc web a l'estil Allbirds i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Lightship — Un diorama cinematogràfic de la carretera oberta. Parets de galeria de color crema càlid adornades amb grans fotografies de paisatges muntades a intervals curts, amb lletres negres fines gairebé invisibles als marcs i un únic detall taronja brillant que trencava el monocrom com una foguera en un prat.
- Faire ES — catàleg a l'engròs de crema calenta
- Adanola — Un lookbook editorial sobre paper blanc. Una sessió de moda on la tipografia i la fotografia respiren sobre superfícies blanques i netes, amb tinta negra per a la tipografia i una subtil font sans-serif característica (Favorit), que reflecteix l'estil general de la marca.
- Oura Ring — Un acollidor taller de fabricació de civada, banyat per una suau llum del dia
- Stykka — Un taller escandinau en llum blanca: una sala d'exposició tranquil·la i artesanal on l'única veu és la fotografia.
- DJI — lona negra aeroespacial amb un únic ressalt blau elèctric
- Altitude Beverages — Pàgina de revista monocroma. Imagineu-vos una pàgina de revista de moda sense color excepte per les fotos fixes: el text i l'espai en blanc expliquen tota la història.
- AATHER — Un palmell obert, una sola flama: un luxe tranquil contingut en la quietud
- Cowboy — Una galeria belga de bicicletes en un entorn de porcellana blanca com la neu. Una sala d'exposició on les superfícies mats, les grans fonts utilitzades en materials editorials i una pràctica absència de decoració atrauen la mirada cap a la bicicleta i el seu contingut.
- Refero — Disseny editorial sobre marbre blanc: una pàgina de producte creada per un tipògraf, on el titular amb serif és la targeta de presentació de la marca i tota la resta és discreta.
- Face Formula — Un retrat editorial escandinau. Una publicació tranquil·la, d'estil de revista, on la mirada de la model i el titular, escrits amb una font serif condensada, parlen per si sols sobre un fons fred i ennuvolat.
- Shupatto — Vitrina de museu sobre marbre blanc