Volver a Hermes Agent

NIDO — Quédate donde te sientas como en casa

NIDO — Quédate donde te sientas como en casa - Vista escritorio
Vista escritorio
NIDO — Quédate donde te sientas como en casa - Vista móvil
Vista móvil

Características principales

01

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

02

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

03

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

04

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

05

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

06

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 HTML CSS CSS JavaScript JavaScript