NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página para la marca ficticia LunaMar Resort, hotel boutique de lujo en la costa mediterránea. Usa HTML + Tailwind CDN + JavaScript vanilla en un único archivo. Paleta de colores: #0A2740 (azul marino), #C28D3A (oro), #FFFFFF (blanco), #F5F5F5 (gris claro). Tipografía: "Playfair Display" para encabezados, "Inter" para cuerpo. Estructura:
- Header fijado con logo SVG minimalista, menú horizontal (Home, Stay, Dine, About, Gallery, News) y dos botones CTA "Book your Stay" (uno con fondo #C28D3A, texto blanco; otro relleno blanco, borde #C28D3A).
- Sección Hero ocupando pantalla completa con título grande dividido en dos líneas ("LunaMar" y "Resort"), fondo de imagen de playa difuminada y tarjetas de habitación destacada (imagen, nombre).
- Bloque "Sobre
3.373 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.373 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 Barra de navegación fija con logo, enlaces principales y botones de reserva.
- 2.1 Hero principal con título dividido en dos líneas, fondo de imagen y tarjetas de habitación destacada.
- 3.1 Sección "Sobre nosotros" con encabezado destacado, texto descriptivo y elemento gráfico decorativo.
- 4.1 Galería de habitaciones en rejilla con imagen y nombre.
- 5.1 Área de restaurante con overlay visual y llamado a la acción.
- 6.1 Testimonios en carrusel sencillo.
- 7.1 Footer con información de contacto, enlaces útiles y redes sociales.
ABOUT
- 1.1 Encabezado grande con frase inspiradora.
- 1.2 Texto de presentación del hotel.
- 1.3 Imagen de fondo con efecto parallax.
ROOMS
- 1.1 Lista de habitaciones en tarjetas con imagen, nombre y breve descripción.
- 2.1 Filtro por tipo de habitación.
DINE
- 1.1 Presentación del restaurante con imagen de fondo.
- 2.1 Menú destacado en columnas.
- 3.1 Botón de reserva de mesa.
GALLERY
- 1.1 Galería de imágenes en cuadrícula responsive.
- 2.1 Lightbox al hacer clic.
NEWS
- 1.1 Últimas novedades del hotel y eventos.
- 2.1 Cards con imagen, título y resumen.
CONTACT
- 1.1 Formulario de contacto sencillo (nombre, email, mensaje).
- 2.1 Mapa incrustado.
- 3.1 Información de dirección y teléfono.
FOOTER
- 1.1 Logo reducido.
- 2.1 Enlaces de navegación secundarios.
- 3.1 Iconos de redes sociales.
- 4.1 Copyright y aviso legal.
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 04/06/2026
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
