NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Luna Sereno (spa y bienestar) usando solo HTML, Tailwind CDN y JavaScript vanilla en un solo archivo. La web debe reproducir fielmente la estructura y estética del sitio original, sin copiar textos ni imágenes reales.
- Paleta de colores: #2A4D5A (azul profundo), #6C9A8B (verde grisáceo), #F0EDE5 (beige suave), #FFFFFF (blanco), #A58F7E (marrón arena) para acentos.
- Tipografía: "Poppins" para encabezados y "Roboto" para cuerpo, cargadas desde Google Fonts.
- Header: barra fija, logo placeholder, menú con enlaces Home, Servicios, Tienda, Blog, Contacto y botón de carrito con contador. Menú desplegable en desktop y colapsable en móvil.
- Hero: sección a pantalla completa con background degradado suave, título grande "Recarga tu energía", s
4.018 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.018 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, menú principal y botón de carrito
- 1.2 Hero con imagen de fondo, título destacado y botón principal
- 1.3 Cuadrícula de enlaces a versiones de la página de inicio
- 1.4 Sección de servicios destacados en tarjetas con icono y breve descripción
- 1.5 Área de reserva rápida con formulario minimalista
- 1.6 Testimonios en carrusel de citas de clientes
- 1.7 Galería de imágenes en mosaico
- 1.8 Llamada a la acción final con botón secundario
- 1.9 Footer con enlaces de utilidad, datos de contacto y redes sociales
SERVICIOS
- 2.1 Lista de servicios en tarjetas con imagen, título y botón "Más info"
- 2.2 Detalle de cada servicio con descripción ampliada y galería interna
- 2.3 Botón de reserva directa desde cada detalle
CONTACTO
- 3.1 Formulario de contacto con campos nombre, email, mensaje
- 3.2 Mapa embebido de ubicación
- 3.3 Información de contacto rápido y horarios
TIENDA
- 4.1 Grid de productos con imagen, nombre y botón "Añadir al carrito"
- 4.2 Página de producto individual con descripción, galería y opciones
- 4.3 Carrito modal accesible desde la navbar
BLOG
- 5.1 Listado de artículos con imagen destacada, título y extracto
- 5.2 Página de artículo con contenido completo y sección de comentarios
PROMPTS RELACIONADOS · BELLEZA / SPA
