NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "LuzNoche" (luznoche.com) siguiendo el estilo visual de un hotel boutique elegante. Usa solo HTML estático en un único archivo, Tailwind CSS vía CDN y JavaScript vanilla para interactividad mínima (menú hamburguesa, scroll suave, efecto sticky de imágenes).
**Paleta de colores**: #1A1A1A (negro profundo), #F5F5F5 (blanco roto), #C5A880 ( Beige tierra ), #D9BFB7 ( rosado pálido ), #E2C6BF ( coral suave ).
**Tipografía**: "Playfair Display" para encabezados, "Inter" para cuerpo.
**Header**: barra superior fija con logo de texto (LuzNoche) y menú hamburguesa. Al abrir, panel lateral con fondo difuminado, imagen decorativa y enlaces: Home, Hotel, Rooms, Restaurant, Relax, Contact, Booking.
**Home**:
1. Hero fullscreen con fondo de color de
4.385 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.385 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Hero principal con título destacado y botón "Descubrir"
- 1.2 Galería sticky de tres imágenes de fondo
- 1.3 Bloque informativo con título pegajoso y botón circular
- 1.4 Lista de habitaciones (cards) con detalle de categoría, precio y descripción
- 1.5 Footer con dirección, enlaces rápidos y redes sociales
HOTEL
- 2.1 Hero interno del hotel
- 2.2 Texto descriptivo y galería de ambientes
- 2.3 Servicios destacados en columnas
- 2.4 CTA de reserva
ROOMS
- 3.1 Grid de habitaciones, filtro y búsqueda
- 3.2 Card individual con foto, nombre, categoría, precio y breve descripción
- 3.3 Botón de ver más
RESTAURANT
- 4.1 Hero del restaurante con imagen de fondo
- 4.2 Menú destacado en bloques con imágenes
- 4.3 Reserva de mesa
RELAX
- 5.1 Área de spa y bienestar, textos y fotos
- 5.2 Servicios de masajes y tratamientos
CONTACT
- 6.1 Formulario de contacto sencillo (nombre, email, mensaje)
- 6.2 Mapa embebido y datos de contacto
BOOKING
- 7.1 Sistema de reserva con selector de fechas y habitación
- 7.2 Resumen de precios y botón de confirmación
PROMPTS RELACIONADOS · VIAJES Y TURISMO
