NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Estética Marea" (estudio de yoga y bienestar) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y el estilo del sitio analizado, sin copiar texto ni imágenes originales.
**Paleta de colores**: #F5F9FF (fondo), #E0F0FF (acento suave), #A3C4F3 (botones), #2C3E50 (texto principal), #7A9EB1 (texto secundario).
**Tipografía**: Google Font "Playfair Display" para títulos y "Inter" para cuerpo.
**Header**: barra de navegación fija con logo tipográfico, botón hamburguesa que abre un mega‑menu lateral con enlaces a Home, Programas, Talleres, Sobre Nosotros, Contacto y botón destacado "Reserva una sesión".
**Home**:
1.1 Hero a pantalla completa con fondo desenfocado de naturaleza, t
4.062 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.062 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, subtítulo y botón de reserva
- 1.2 Bloque de presentación de la filosofía del estudio
- 1.3 Cuadrícula de programas y clases
- 1.4 Área de talleres y retiros con tarjetas
- 1.5 Testimonios en carrusel sencillo
- 1.6 Llamada a la acción para suscripción al newsletter
- 1.7 Footer con enlaces, redes y datos de contacto
PROGRAMAS
- 2.1 Encabezado de sección
- 2.2 Lista de programas en tarjetas con icono y breve descripción
- 2.3 Botón para ver más detalles
TALLERES
- 3.1 Encabezado de sección
- 3.2 Galería de talleres en tarjetas con imagen y fecha
- 3.3 Enlace a agenda completa
TESTIMONIOS
- 4.1 Carrusel de testimonios con foto, nombre y comentario
SOBRE NOSOTROS
- 5.1 Texto descriptivo del equipo y la misión
- 5.2 Foto grupal del estudio
CONTACTO
- 6.1 Formulario de reserva simple (nombre, email, fecha, clase)
- 6.2 Mapa estático de ubicación
- 6.3 Información de contacto y horario
FOOTER
- 7.1 Enlaces rápidos, redes sociales, suscripción a newsletter, copyright
PROMPTS RELACIONADOS · BELLEZA / SPA
