NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web ficticio llamado LunaSerena (lunaserena.com) para un spa boutique que combina reserva de tratamientos y venta de productos de bienestar. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #2C3E50 (azul profundo), #1ABC9C (turquesa), #ECF0F1 (gris claro), #FFFFFF (blanco), #E74C3C (rojo acento). Tipografía: "Inter" para encabezados y "Source Sans Pro" para cuerpo, importadas desde Google Fonts.
Estructura:
- **Header** fijo, fondo #2C3E50, logo a la izquierda (texto LunaSerena en Inter bold, color #FFFFFF), menú centrado con enlaces Home, Servicios, Productos, Galería, Contacto, cada enlace en #ECF0F1 y hover #1ABC9C. Dropdown bajo Servicios y Productos con enlaces internos. Botón "Reserva" (fondo #1ABC9C, texto blanco) y carr
4.397 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.397 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 Header con logo, menú principal, dropdowns, botón de reserva y carrito
- 1.2 Hero con título, subtítulo y botón principal
- 1.3 Bloque de servicios en tarjetas con iconos y descripción breve
- 1.4 Sección de productos destacados en grid con imagen, nombre y botón "Añadir al carrito"
- 1.5 Testimonios en carrusel simple
- 1.6 Galería de imágenes en mosaico
- 1.7 Formulario de suscripción breve
- 1.8 Footer con enlaces de navegación, contacto, redes sociales y aviso legal
SERVICIOS
- 1.1 Header idéntico a Home
- 1.2 Listado de servicios con imagen, descripción y botón "Reservar"
- 1.3 CTA a contacto
- 1.4 Footer idéntico a Home
PRODUCTOS
- 1.1 Header idéntico a Home
- 1.2 Grid de productos con filtros, imagen, nombre, precio y botón "Añadir"
- 1.3 Barra lateral con categorías
- 1.4 Footer idéntico a Home
GALERÍA
- 1.1 Header idéntico a Home
- 1.2 Galería tipo masonry con filtro por categorías
- 1.3 Lightbox al hacer clic
- 1.4 Footer idéntico a Home
CONTACTO
- 1.1 Header idéntico a Home
- 1.2 Formulario de contacto con nombre, email, mensaje y mapa integrado
- 1.3 Información de localización y horarios
- 1.4 Footer idéntico a Home
PROMPTS RELACIONADOS · BELLEZA / SPA
