Airbnb
Una paret de galeria blanca i tranquil·la amb un únic punt de llibre vermell corall
Airbnb funciona amb un estil de "llenç blanc", on la fotografia regna de manera suprema: gairebé totes les pantalles són un marc monocrom silenciós, que permet que les imatges de pantalla completa de les propietats transmetin la impressió general, amb un únic i intens accent vermell corall (Rausch) com a única pista de color que denota l'acció. La tipografia és una sans-serif geomètrica (Airbnb Cereal VF) —majoritàriament mides petites i segures— per al text del cos, la interfície i els encapçalaments de secció (22-22)— amb un espaiat negatiu ajustat i un espaiat generós, cosa que fa que les targetes amb text dens siguin llegibles. La interfície és plana, sense marc i arrodonida: 12-3 radis a les targetes i els controls, botons rodons en forma de píndola i ombres suaus i en capes només per a elements destacats com la barra de cerca. Tota la resta —targetes, elements de la llista, enllaços— es basa en l'espai blanc i les línies fines en lloc dels accents cromats.
Un disseny d'amplada completa sense un límit d'amplada màxima fix: el contingut s'estén de vora a vora dins de l'àrea visible, amb aproximadament 40 px de farciment horitzontal a cada costat a l'escriptori. El heroi és una càpsula de cerca flotant, centrada en un llenç blanc neutre sense imatge ni títol; la barra de cerca ÉS el heroi. A sota de la cerca, la pàgina fa la transició a seccions apilades verticalment i de desplaçament horitzontal (es veuen quatre files: Cases destacades, Hotels fantàstics, Altra ciutat, Disponible el mes que ve), cadascuna d'aproximadament 320 px d'alçada, separades per marges verticals de 48 px. Cada secció utilitza una quadrícula de 7 cartes amb desbordament horitzontal i navegació amb fletxes. El peu de pàgina és una quadrícula de 3 columnes d'enllaços sobre un fons #f7f7f7, seguida d'una barra inferior amb informació sobre drets d'autor, opcions d'idioma/moneda i icones de xarxes socials. La navegació és una barra superior fixa amb navegació per pestanyes centrada i controls alineats a la dreta.
La fotografia domina el sistema visual, amb imatges a pantalla completa d'anuncis immobiliaris com a tipus de contingut principal. Totes les fotos són càlides i ben il·luminades d'interiors i exteriors de cases i hotels reals, processades amb correcció de color natural (sense filtres pesats ni duotons). Les imatges estan retallades amb una relació d'aspecte 1:1 per a les targetes d'anuncis, omplint la vora de la targeta sense sagnats. Les icones de tota la interfície tenen un contorn monocrom (gruix de línia ~16–16), utilitzat amb moderació per a les categories de navegació i els controls de la interfície d'usuari. El logotip és l'únic element gràfic multicolor (Rausch). No hi ha il·lustracions, ni renders 3D, ni gràfics abstractes: el llenguatge visual és fotografia pura i iconografia monocroma minimalista sobre un llenç blanc suau.
Paleta
Marca
- Rausch
#ff385c— El vermell s'utilitza com a detall decoratiu per a icones, rètols i petits detalls gràfics. No s'hauria d'utilitzar com a color principal per a crides a l'acció. - Rausch 600
#e00b41— Una versió premsada i fosca de la pintura Rausch per a superfícies utilitzades com a accents de marca en superfícies actives/volants.
Neutral
- Hof
#222222— El cos del text, el text principal, els encapçalaments, els contorns de les icones i el fons invertit són d'un color neutre proper al negre, que serveix de base per a tot el sistema acromàtic. - Foggy
#6a6a6a— Text secundari, subtítols silenciats, text auxiliar, icona d'emplenament desactivada i metadades discretes sota els títols de les targetes. - Grey 500
#c1c1c1— Text desactivat, text de marcador de posició als camps d'entrada i contorns d'icones silenciats on cal desemfatitzar l'estat. - Bebe
#ebebeb— Vores primes, subratllats als camps d'entrada, separadors entre línies de llista i línies divisòries subtils. - Deco
#dddddd— Imatges de fons de targetes per a contenidors inactius, marcadors de posició i estats de targetes desactivats. - Faint
#f7f7f7— La imatge de fons del llenç de la pàgina, la superfície del peu de pàgina i l'estat del cursor per als elements interactius són d'un to suau i cremós que diferencia aquesta pàgina de les targetes de color blanc pur.
Tipografia
d'11 a 28 px · 5 passos
- Airbnb Cereal VF — reemplaçament: Circular · esquemes 400, 500, 600, 700 · Una font sans-serif geomètrica personalitzada dissenyada per a Airbnb. El text del cos està posicionat a 14px/400, les etiquetes de la interfície d'usuari a 16px/500, els encapçalaments de secció a 20px/600, 22px/500 amb un espaiat entre lletres ajustat de -0.02em i els encapçalaments de pàgina a 28px/700. L'espaiat entre lletres negatiu disminueix a mesura que augmenta la mida, una característica de les fonts sans-serif geomètriques en mides de pantalla més grans. Activa la funció de glif alternatiu "sal".
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 12px |
| Radi del botó | 9999px |
| Radi de la targeta | 12px |
| Ombres | ombres suaus |
| Entre seccions | 48px |
| Amplada de la pàgina | 1440px |
La IA crearà el vostre lloc web a l'estil Airbnb 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
- Apple (España) — vitrina de galeria blanca
- Silencio — Una habitació blanca amb artefactes flotants. Una galeria d'exposicions feta de paper càlid, on cada element ocupa el seu lloc sobre un fons de volum negatiu, i el silenci és una decisió de disseny intencionada.
- Oakâme — Un taller provençal assolellat esculpit en pedra càlida
- Nike — Una galeria monocroma d'èxits esportius: parets blanques, el producte com a obra d'art, crom dissolt al fons
- Arc — galeria blanca industrial sobre l'aigua de mitjanit
- Rivian — Un monòlit elèctric a la paret de formigó de la galeria. Rivian presenta cada vehicle com una escultura contra un vast espai blanc, amb una tipografia tan gran que es converteix en un element arquitectònic, i un únic groc càlid que trenca l'atmosfera monocromàtica, com la llum del sol sobre una superfície mat.
- Analogue — Vitrina de galeria negra: les mercaderies suspenen en el buit
- ddna — vitrina de museu càlida sobre lli sense tractar
- Zellerfeld — Un taller d'escultor sobre marbre blanc: les superfícies monolítiques del pedestal, una sola guspira de cobalt, un xiuxiueig de lletres minúscules del terra al sostre
- UY Studio — La galeria de pedra del monestir és un espai tranquil amb parets de formigó, on hi ha flascons de perfum sobre pedestals blancs, il·luminats per una làmpada de 400 watts i quatre bombetes de color gris càlid.
- Basic.Space — galeria curatorial sobre marbre blanc
- COS — una galeria moderna amb parets blanques