pernocta

Empezar

Principios

Seis ideas que guían cada decisión de diseño. Si un componente o pantalla contradice alguna, el componente está mal.

1. El lugar es el protagonista

La fotografía ocupa el máximo espacio posible. Cromado mínimo: sin marcos, sin sombras sobre las fotos en reposo, texto debajo y no encima (salvo badges flotantes blancos).

2. Decidir rápido

Cada tarjeta responde a tres preguntas en un vistazo: ¿dónde está?, ¿qué tipo de sitio es? y ¿qué dicen los viajeros? Precio o “Gratis” siempre visible.

3. Cálido, nunca estridente

El coral es un acento: una acción principal por pantalla. Las superficies son blancas o casi negras, los grises son cálidos y el verde se reserva para lo natural y gratuito.

4. Un sistema, dos formas

En escritorio: cabecera con buscador en píldora, rejilla de 2 a 6 columnas y mapa lateral. En móvil: pestañas inferiores, hojas que suben desde abajo y botón flotante mapa/lista.

5. Accesible por defecto

Contraste AA (4,5:1) en texto y acciones, foco visible, objetivos táctiles de 44 px, movimiento reducido respetado y textos alternativos en fotos.

6. Pensado para la carretera

Funciona con una mano, con mala cobertura y a pleno sol: estados de carga con esqueletos, mensajes claros y modo oscuro para la noche.