NIDO — Quédate donde te sientas como en casa
Características principales
Sistema de diseño inspirado en Airbnb: lienzo blanco, tinta cálida casi negra #222, único acento coral #FF385C solo para CTAs, sombras cálidas de tres capas, radios 20-32px, DM Sans 500-700
Hero de superficie Explore: titular en serif itálica + tarjeta flotante Planifica tu estancia (Dónde/Cuándo/Huéspedes + Buscar coral) sobre foto a sangre, con chips de destinos
Barra sticky de categorías que filtra la cuadrícula en vivo: Playa, Cabañas, Diseño, Lago, Esquí, Tropical, Viñedos — 11 alojamientos en 8 categorías con insignias de superanfitrión
Corazones de lista de deseos con animación pop persistida en localStorage; cajón deslizante con estancias guardadas, botones de quitar y contador en vivo en el nav
Overlay de búsqueda completo: destino con chips rápidos, selectores de entrada/salida, stepper de huéspedes — filtra la cuadrícula y hace scroll suave a los resultados
Banda de anfitriones con copy narrativo, reseñas en serif Lora, filas editoriales de notas de campo, acordeones de FAQ, newsletter validada y banner de cookies con retardo
Descripción
Landing page de NIDO, un mercado curado de casas, cabañas y refugios en Europa y más allá, construido sobre el lenguaje de diseño de Airbnb (plantilla de popular-web-designs): lienzo blanco puro, tinta cálida casi negra #222222, un único acento coral #FF385C reservado a los momentos de marca y al botón circular de búsqueda, sombras cálidas de tres capas, radios generosos de 20-32px y DM Sans (sustituto de Airbnb Cereal VF) en pesos 500-700. Surface-first: es una superficie EXPLORE — la composición es una experiencia de búsqueda, no un monumento. El hero combina un titular en serif itálica con la tarjeta flotante Planifica tu estancia (Dónde/Cuándo/Huéspedes + botón coral de Buscar) sobre una foto a sangre, con chips de destinos de moda. Una barra sticky de categorías filtra la cuadrícula de alojamientos en vivo (Playa, Cabañas, Diseño, Lago, Esquí, Tropical, Viñedos): 11 alojamientos en 10 tarjetas, incluida una tile destacada a sangre y dos tarjetas anchas, con insignias de superanfitrión, valoraciones y precios en euros — nunca una cuadrícula de tarjetas idénticas. Microinteracciones: corazones con animación pop persistidos en localStorage, cajón de lista de deseos con contador en vivo, overlay de búsqueda completo (destino + chips rápidos + fechas + stepper de huéspedes) que filtra y hace scroll suave a los resultados. Debajo: banda de anfitriones en tono coral con tres puntos de valor, reseñas de huéspedes en serif Lora, filas editoriales de notas de campo, acordeones de FAQ, newsletter con validación y banner de cookies abajo a la derecha con retardo. i18n completo en 6 idiomas (EN/ES/FR/DE/IT/PT) con copywriting nativo, dobles selectores, meta SEO traducida y detección del idioma del navegador. Contraste WCAG AA verificado; todo el movimiento respeta prefers-reduced-motion.
Tecnologías utilizadas
HTML
CSS
JavaScript