NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "LavaLux Spa" (dominio lavaluxspa.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web debe ser responsiva y reproducir fielmente la estructura y estilo del template analizado, sin copiar textos originales.
Paleta de colores:
- Fondo principal: #0D0D0D
- Texto principal: #FFFFFF
- Texto secundario: #CCCCCC
- Color de acento: #00BFFF (azul cielo)
- Botón primario: #0066FF
- Botón secundario: #333333
Tipografía:
- Fuente principal: "Inter", sans-serif (cargar desde Google Fonts)
- Encabezados en peso 700, cuerpo en 400.
Componentes:
1. Header (fixed, bg‑transparent on top, dark bg on scroll) con logo a la izquierda, menú principal con dropdowns y mega‑menu, íconos sociales y botón de carrito que abre una
4.082 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.082 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 Cabecera fija con logo, menú desplegable y carrito lateral
- 1.2 Hero con fondo oscuro, título destacado y llamado a la acción
- 1.3 Bloque de servicios en cuadrícula de tres columnas con íconos
- 1.4 Sección de precios con tarjetas resaltadas
- 1.5 Galería de trabajos con rejilla responsiva
- 1.6 Testimonios en carrusel simple
- 1.7 Llamado a la acción de reserva rápida
- 1.8 Footer con enlaces, datos de contacto y redes sociales
SERVICES
- 2.1 Cabecera reutilizada
- 2.2 Lista de servicios detallada con imágenes y descripciones
- 2.3 Botón de reserva por servicio
- 2.4 Footer estándar
PRICING
- 3.1 Cabecera reutilizada
- 3.2 Tabla de planes con características y precios ficticios
- 3.3 Botón de contratar
- 3.4 Footer estándar
GALLERY
- 4.1 Cabecera reutilizada
- 4.2 Galería filtrable con tarjetas de imagen
- 4.3 Lightbox básico
- 4.4 Footer estándar
ABOUT
- 5.1 Cabecera reutilizada
- 5.2 Historia de la marca y valores
- 5.3 Equipo con fotos y breves bios
- 5.4 Footer estándar
CONTACT
- 6.1 Cabecera reutilizada
- 6.2 Formulario de contacto simple (nombre, email, mensaje)
- 6.3 Mapa incrustado
- 6.4 Footer estándar
Imagen generada con OpenAI · gpt-image-2 · 06/06/2026
PROMPTS RELACIONADOS · AUTOMOCIÓN
