NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML que reproduzca el diseño visual y la estructura de la web analizada, usando Tailwind CSS desde CDN y JavaScript vanilla. Marca ficticia: LunaResort (hotel boutique de lujo). Dominio: lunaresort.com, claim: "Experiencias exclusivas para quien busca tranquilidad y elegancia", email: hola@lunaresort.com, año 2026.
Paleta de colores:
- #0F172A (azul marino profundo) para encabezado y pie de página
- #1E293B (gris intenso) para fondos de secciones
- #FBBF24 (amarillo dorado) para botones primarios y acentos
- #FFFFFF (blanco) para texto principal
- #9CA3AF (gris claro) para texto secundario
Tipografía:
- Heading: "Playfair Display", serif, peso 700
- Body: "Inter", sans-serif, peso 400
- Buttons: "Inter", peso 600, mayúsculas
Estructura:
4.070 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.070 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 Encabezado con logo, megamenú, botón reserva y carrito
- 1.2 Hero principal con fondo amplio y CTA
- 1.3 Servicios destacados con iconos
- 1.4 Galería de habitaciones
- 1.5 Testimonios en carrusel
- 1.6 Formulario de suscripción
- 1.7 Footer institucional
ABOUT US
- 1.1 Imagen de cabecera con título
- 1.2 Texto descriptivo de la historia y filosofía
- 1.3 Equipo con fotos y breves biografías
- 1.4 Valores del hotel en tarjetas
- 1.5 Footer institucional
EXPLORE ROOMS
- 1.1 Cabecera con filtro de búsqueda
- 1.2 Grid de tarjetas de habitaciones con foto, nombre, breve descripción y botón "Ver detalle"
- 1.3 Sección de amenities comunes
- 1.4 Footer institucional
ROOM DETAILS
- 1.1 Galería de imágenes en slider
- 1.2 Descripción completa de la habitación
- 1.3 Listado de servicios y precios
- 1.4 Formulario de reserva rápido
- 1.5 Footer institucional
RESTURANT
- 1.1 Imagen de cabecera con título
- 1.2 Menú destacado en tarjetas
- 1.3 Reserva de mesa con formulario
- 1.4 Footer institucional
BLOGS
- 1.1 Lista de artículos con imagen, título y extracto
- 1.2 Paginación
- 1.3 Footer institucional
BLOG DETAILS
- 1.1 Artículo completo con imágenes
- 1.2 Autor y fecha
- 1.3 Comentarios (simulados)
- 1.4 Footer institucional
CONTACT US
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 1.2 Mapa incrustado
- 1.3 Información de contacto y horarios
- 1.4 Footer institucional
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
