NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia "Spa Zafiro" (centro de tratamientos estéticos) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el diseño analizado:
- Paleta de colores: fondo #ffffff, texto principal #1a1a1a, gris claro #f5f5f5, acento rosa pastel #f8c8d8, acento azul suave #cce4f6.
- Tipografía: "Inter" para textos y "Playfair Display" para encabezados, ambos importados de Google Fonts.
- Header: barra transparente sobre hero, logo a la izquierda (texto "Lúmina" en rosa), menú de navegación centrado (Sobre nosotros, Servicios, Blog, Contacto) y dos botones de reserva (outline y relleno) a la derecha. Menú colapsable en móvil con icono hamburguesa.
- Hero: sección full‑width con imagen de fondo difusa, overlay oscuro 30%, título
4.076 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.076 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 Hero con título, texto descriptivo y botón circular
- 1.2 Marquee de mensajes animados con icono
- 1.3 Bloque de filosofía con texto inline y mini‑imágenes
- 1.4 Slider de servicios (cards con imagen, título, descripción y enlace)
- 1.5 Footer con enlaces a About, Services, Blog, Contact y botones de reserva
ABOUT US
- 2.1 Encabezado con imagen hero y título
- 2.2 Texto de presentación con columnas
- 2.3 Valores de la marca en grid
- 2.4 CTA de contacto
SERVICES
- 3.1 Lista de servicios en tarjetas con imagen y descripción
- 3.2 Filtros de categoría
- 3.3 Botón de reserva en cada tarjeta
BLOG
- 4.1 Lista de artículos con miniatura, título y extracto
- 4.2 Paginación
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa incrustado y datos de ubicación
- 5.3 Botones de reserva rápida
PROMPTS RELACIONADOS · BELLEZA / SPA
