Airbnb
Un mur de galerie blanc et paisible avec un seul marque-page rouge corail
Airbnb adopte un style épuré, où la photographie est reine: la quasi-totalité des écrans est un cadre monochrome discret, laissant les images plein écran des logements s’exprimer pleinement. Une unique touche de rouge corail intense (Rausch) sert de seul indice de couleur pour dynamiser l’expérience. La police de caractères est une sans-serif géométrique (Airbnb Cereal VF) – principalement de petite taille et affirmée – pour le corps du texte, l’interface et les titres de section (22-22). L’interligne, tantôt serré, tantôt généreux, assure une lisibilité optimale, même pour les textes denses. L’interface est plate, sans bordures et aux formes arrondies: rayons de 12-3 pour les cartes et les commandes, boutons ronds et ovales, et ombres douces et superposées uniquement pour les éléments importants comme la barre de recherche. Le reste – cartes, listes, liens – privilégie les espaces blancs et les lignes fines aux accents chromés.
Une mise en page pleine largeur sans limite de largeur maximale fixe: le contenu s’étend d’un bord à l’autre de la zone visible, avec une marge horizontale d’environ 40 px de chaque côté sur ordinateur. L’élément principal est une capsule de recherche flottante, centrée sur un fond blanc neutre sans image ni titre; la barre de recherche est l’élément central. En dessous, la page se divise en sections empilées verticalement et défilantes horizontalement (quatre lignes sont visibles: Maisons en vedette, Hôtels de luxe, Autres villes, Disponibles le mois prochain), chacune d’environ 320 px de hauteur, séparées par des gouttières verticales de 48 px. Chaque section utilise une grille de 7 cartes avec débordement horizontal et navigation par flèches. Le pied de page est une grille de liens à 3 colonnes sur fond #f7f7f7, suivie d’une barre inférieure avec les informations de copyright, les options de langue/devise et les icônes des réseaux sociaux. La navigation est une barre supérieure fixe avec une navigation par onglets centrée et des commandes alignées à droite.
La photographie domine l'interface, les images plein écran des annonces immobilières constituant le contenu principal. Toutes les photos sont des clichés chaleureux et lumineux d'intérieurs et d'extérieurs de maisons et d'hôtels, retouchés avec une correction colorimétrique naturelle (sans filtres excessifs ni effets bichromiques). Les images sont recadrées au format 1:1 pour les fiches d'annonces, remplissant ainsi les bords sans débordement. Les icônes de l'interface présentent un contour monochrome (épaisseur de trait ~16-16), utilisées avec parcimonie pour les catégories de navigation et les commandes d'interface. Le logo est le seul élément graphique multicolore (Rausch). Pas d'illustrations, pas de rendus 3D, pas de graphismes abstraits: le langage visuel est une pure photographie et une iconographie monochrome minimaliste sur fond blanc.
Palette
Marque
- Rausch
#ff385c— Le rouge est utilisé comme couleur décorative pour les icônes, les panneaux et les petits détails graphiques. Il ne doit pas être utilisé comme couleur principale pour les appels à l'action. - Rausch 600
#e00b41— Une version pressée et foncée de la peinture Rausch pour les surfaces utilisées comme accents de marque sur les surfaces flottantes/actives.
Neutre
- Hof
#222222— Le corps du texte, le texte principal, les titres, les contours des icônes et l'arrière-plan inversé sont d'une couleur neutre proche du noir, qui sert de base à l'ensemble du système achromatique. - Foggy
#6a6a6a— Texte secondaire, légendes atténuées, texte auxiliaire, remplissage d'icônes désactivé et métadonnées discrètes sous les titres des cartes. - Grey 500
#c1c1c1— Texte désactivé, texte d'espace réservé dans les champs de saisie et contours d'icônes atténués là où il est nécessaire de minimiser l'importance accordée au statut. - Bebe
#ebebeb— Bordures fines, champs de saisie soulignés, séparateurs entre les lignes de liste et lignes de séparation discrètes. - Deco
#dddddd— Images d'arrière-plan pour les conteneurs inactifs, les espaces réservés et les états de carte désactivés. - Faint
#f7f7f7— L'image de fond de la page, la surface du pied de page et l'état de survol des éléments interactifs présentent une teinte douce et crémeuse qui distingue cette page des cartes d'un blanc pur.
Typographie
de 11 à 28 px · 5 étapes
- Airbnb Cereal VF — remplacement: Circular · grandes lignes 400, 500, 600, 700 · Police de caractères géométrique sans empattement personnalisée, conçue pour Airbnb. Le texte courant est positionné à 14 px/400 dpi, les étiquettes d'interface à 16 px/500 dpi, les titres de section à 20 px/600 dpi et 22 px/500 dpi (avec un espacement réduit de -0,02 em), et les titres de page à 28 px/700 dpi. L'espacement négatif des lettres diminue avec la taille de l'écran, une caractéristique des polices géométriques sans empattement sur les grands écrans. La fonctionnalité de glyphe alternatif « salt» est activée.
Intervalles et forme
| But | Signification |
|---|---|
| Densité | dense |
| Étape de base | 12px |
| Rayon du bouton | 9999px |
| Rayon de la carte | 12px |
| Ombres | ombres douces |
| Entre les sections | 48px |
| Largeur de la page | 1440px |
L'IA construira votre site web dans le style Airbnb et le remplira.
- Partagez vos produits et publications via le lien - Instagram, TikTok, Facebook.
- Transférez le contenu de votre ancien site: il vous suffit de préciser l’adresse.
- Conception moderne sur le meilleur moteur: React ( Next.js) avec rendu côté serveur et optimisation SEO intégrée.
- Optimisation SEO entièrement automatisée pour les résultats de recherche et recommandations de réseaux neuronaux.
Styles similaires
- Apple (España) — Vitrine blanche pour galerie
- Silencio — Une pièce blanche où flottent des objets. Une installation de galerie en papier aux tons chauds, où chaque élément se détache sur un fond en creux, et le silence qui y règne est un choix stylistique délibéré.
- Oakâme — Un atelier provençal baigné de soleil, sculpté dans de la pierre chaude
- Nike — Une galerie monochrome d'exploits sportifs – murs blancs, le produit érigé en œuvre d'art, chrome fondu dans le décor
- Arc — Galerie blanche industrielle surplombant les eaux de minuit
- Rivian — Un monolithe électrique sur le mur de béton de la galerie. Rivian présente chaque véhicule comme une sculpture se détachant sur un vaste espace blanc, avec une typographie si imposante qu'elle devient un élément architectural, et une unique touche de jaune chaud qui rompt l'atmosphère monochrome, telle la lumière du soleil sur une surface mate.
- Analogue — Vitrine noire – les objets flottent dans le vide
- ddna — Vitrine de musée chaude sur lin non traité
- Zellerfeld — Un atelier de sculpteur sur marbre blanc — les surfaces monolithiques du piédestal, une unique étincelle de cobalt, un murmure de lettres minuscules du sol au plafond
- UY Studio — La galerie en pierre du monastère est un espace paisible aux murs de béton, où des flacons de parfum reposent sur des socles blancs, éclairés par une lampe de 400 watts et quatre ampoules gris chaud.
- Basic.Space — galerie de conservation sur marbre blanc
- COS — une galerie branchée aux murs blancs