NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia LunaSpa, un centro de bienestar que ofrece tratamientos, venta de productos naturales y contenido de blog. Usa una única página HTML con Tailwind CSS mediante CDN y JavaScript vanilla (sin frameworks). Incluye las siguientes características:
- Paleta de colores: #0A1724 (azul noche), #1E3A8A (azul profundo), #F3F4F6 (gris claro), #FFFFFF (blanco), #F59E0B (amarillo cálido) para acentos.
- Tipografía: Inter var para títulos y texto, con peso 600 para encabezados y 400 para contenido.
- Header fijo con logo (texto "LunaSpa" en Inter bold, color #FFFFFF), menú principal (Home, Sobre nosotros, Servicios, Galería, Blog, Contacto) en blanco, y widgets a la derecha: icono de corazón con enlace "Reservar cita", icono de carrito con contador dinámi
3.942 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.942 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, navegación y widgets
- 1.2 Hero con título, subtítulo y botón principal
- 1.3 Servicios destacados (3 columnas) con icono, título y breve descripción
- 1.4 Galería de imágenes en formato grid 3x2
- 1.5 Testimonios en carrusel horizontal
- 1.6 Suscripción al newsletter con campo email y botón
- 1.7 Footer con cuatro columnas: información, enlaces rápido, redes sociales y contacto
ABOUT US
- 2.1 Header replicado
- 2.2 Hero interior con imagen y texto descriptivo
- 2.3 Historia del spa en bloques de texto e imágenes
- 2.4 Equipo en tarjetas con foto y cargo
- 2.5 Valores en iconos con breves descripciones
- 2.6 Footer replicado
SERVICES
- 3.1 Header replicado
- 3.2 Lista de servicios en tarjetas con imagen, título, breve texto y botón "Más info"
- 3.3 Sección de precios simplificada en tabla de tres columnas
- 3.4 Preguntas frecuentes en acordeón
- 3.5 Footer replicado
GALLERY
- 4.1 Header replicado
- 4.2 Galería estilo mosaico con filtro por categorías
- 4.3 Lightbox para ampliación de imágenes
- 4.4 Footer replicado
BLOG
- 5.1 Header replicado
- 5.2 Lista de artículos en tarjetas con imagen, título, extracto y botón "Leer más"
- 5.3 Sidebar con búsqueda, categorías y últimos posts
- 5.4 Footer replicado
CONTACT
- 6.1 Header replicado
- 6.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 6.3 Mapa integrado con ubicación del spa
- 6.4 Información de contacto en columnas (dirección, teléfono, email)
- 6.5 Footer replicado
PROMPTS RELACIONADOS · MODA
