Airbnb
Una tranquila pared blanca de la galería con un único marcapáginas de color rojo coral.
Airbnb opera con un estilo de "lienzo blanco", donde la fotografía es la protagonista: casi todas las pantallas presentan un marco monocromático sobrio, permitiendo que las imágenes a pantalla completa de las propiedades transmitan la impresión general, con un único y vibrante acento rojo coral (Rausch) como único elemento cromático que indica actividad. La tipografía es una sans-serif geométrica (Airbnb Cereal VF), principalmente en tamaños pequeños y definidos, para el texto principal, la interfaz y los encabezados de sección (22-22), con un espaciado entre líneas negativo ajustado y un espaciado entre líneas generoso, lo que facilita la lectura de tarjetas con texto denso. La interfaz es plana, sin marcos y redondeada: radios de 12-3 en tarjetas y controles, botones redondos en forma de píldora y sombras suaves y superpuestas solo para elementos destacados como la barra de búsqueda. Todo lo demás (tarjetas, elementos de la lista, enlaces) se basa en el espacio en blanco y líneas finas en lugar de detalles cromados.
Diseño de ancho completo sin límite de ancho máximo fijo: el contenido se extiende de borde a borde dentro del área visible, con aproximadamente 40 px de relleno horizontal en cada lado en escritorio. El elemento principal es una cápsula de búsqueda flotante, centrada en un lienzo blanco neutro sin imagen ni título: la barra de búsqueda ES el elemento principal. Debajo de la búsqueda, la página se divide en secciones apiladas verticalmente y con desplazamiento horizontal (se ven cuatro filas: Casas destacadas, Hoteles destacados, Otra ciudad, Disponible el próximo mes), cada una de aproximadamente 320 px de alto, separadas por márgenes verticales de 48 px. Cada sección utiliza una cuadrícula de 7 tarjetas con desbordamiento horizontal y navegación con flechas. El pie de página es una cuadrícula de 3 columnas de enlaces sobre un fondo #f7f7f7, seguida de una barra inferior con información de derechos de autor, opciones de idioma/moneda e iconos de redes sociales. La navegación es una barra superior fija con navegación por pestañas centrada y controles alineados a la derecha.
La fotografía domina el sistema visual, con imágenes a pantalla completa de anuncios inmobiliarios como contenido principal. Todas las fotos son tomas cálidas y bien iluminadas de interiores y exteriores de casas y hoteles reales, procesadas con corrección de color natural (sin filtros excesivos ni duotonos). Las imágenes están recortadas con precisión con una relación de aspecto 1:1 para las fichas de anuncios, llenando el borde de la ficha sin sangrado. Los iconos de la interfaz tienen un contorno monocromo (grosor de línea ~16–16), utilizado con moderación para las categorías de navegación y los controles de la interfaz de usuario. El logotipo es el único elemento gráfico multicolor (Rausch). Sin ilustraciones, sin renderizados 3D, sin gráficos abstractos: el lenguaje visual es pura fotografía e iconografía monocromo minimalista sobre un lienzo blanco suave.
Paleta
Marca
- Rausch
#ff385c— El rojo se utiliza como color decorativo para iconos, letreros y pequeños detalles gráficos. No debe utilizarse como color principal para las llamadas a la acción. - Rausch 600
#e00b41— Una versión prensada y oscura de la pintura Rausch para superficies utilizadas como detalles de marca en superficies flotantes o activas.
Neutral
- Hof
#222222— El cuerpo del texto, el texto principal, los títulos, los contornos de los iconos y el fondo invertido son de un color neutro cercano al negro, que sirve de base para todo el sistema acromático. - Foggy
#6a6a6a— Texto secundario, subtítulos atenuados, texto auxiliar, relleno de iconos deshabilitado y metadatos discretos debajo de los títulos de las tarjetas. - Grey 500
#c1c1c1— Texto deshabilitado, texto de marcador de posición en los campos de entrada y contornos de iconos atenuados donde sea necesario restar importancia al estado. - Bebe
#ebebeb— Bordes finos, subrayados en los campos de entrada, separadores entre las líneas de la lista y líneas divisorias sutiles. - Deco
#dddddd— Imágenes de fondo para contenedores inactivos, marcadores de posición y estados de tarjeta deshabilitados. - Faint
#f7f7f7— La imagen de fondo del lienzo de la página, la superficie del pie de página y el estado al pasar el cursor sobre los elementos interactivos tienen un tono suave y cremoso que distingue a esta página de las tarjetas de color blanco puro.
Tipografía
de 11 a 28 píxeles · 5 pasos
- Airbnb Cereal VF — reemplazo: Circular · esquemas 400, 500, 600, 700 · Fuente geométrica sans-serif personalizada diseñada para Airbnb. El texto principal se posiciona a 14 px/400, las etiquetas de la interfaz de usuario a 16 px/500, los encabezados de sección a 20 px/600, 22 px/500 con un espaciado entre letras ajustado de -0,02em, y los encabezados de página a 28 px/700. El espaciado entre letras negativo disminuye con el aumento del tamaño, una característica de las fuentes geométricas sans-serif en pantallas grandes. Habilita la función de glifo alternativo "salt".
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 12px |
| Radio del botón | 9999px |
| Radio de la tarjeta | 12px |
| Oscuridad | sombras suaves |
| Entre secciones | 48px |
| Ancho de página | 1440px |
La IA construirá tu sitio web al estilo de Airbnb y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- Apple (España) — Vitrina blanca para galería
- Silencio — Una habitación blanca con objetos suspendidos en el aire. Una exposición de arte hecha de papel cálido, donde cada elemento ocupa su lugar sobre un fondo de volumen negativo, y el silencio es una decisión de diseño intencionada.
- Oakâme — Un taller provenzal bañado por el sol, tallado en piedra cálida.
- Nike — Una galería monocromática de logros deportivos: paredes blancas, el producto como obra de arte, el cromo disuelto en el fondo.
- Arc — Galería industrial blanca sobre agua a medianoche
- Rivian — Un monolito eléctrico sobre la pared de hormigón de la galería. Rivian presenta cada vehículo como una escultura sobre un vasto espacio blanco, con una tipografía tan grande que se convierte en un elemento arquitectónico, y un único amarillo cálido que rompe la atmósfera monocromática, como la luz del sol sobre una superficie mate.
- Analogue — Vitrina negra para galería: los objetos flotan en el vacío.
- ddna — Vitrina de museo cálida sobre lino sin tratar
- Zellerfeld — El taller de un escultor sobre mármol blanco: las superficies monolíticas del pedestal, una chispa de cobalto, un susurro de letras minúsculas del suelo al techo.
- UY Studio — La galería de piedra del monasterio es un espacio tranquilo con paredes de hormigón, donde frascos de perfume reposan sobre pedestales blancos, iluminados por una lámpara de 400 vatios y cuatro bombillas de color gris cálido.
- Basic.Space — galería curatorial sobre mármol blanco
- COS — una galería moderna con paredes blancas