NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia "AlmaZen" (estudio de yoga, pilates y bienestar) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. El proyecto debe reproducir fielmente la estructura y el estilo visual del template analizado:
- **Paleta de colores**: #2C3E50 (azul marino), #A3D9A5 (verde menta), #F4A261 (naranja suave), #FFFFFF (blanco), #F0F0F0 (gris claro).
- **Tipografía**: Fuente principal "Inter" (Google Fonts) para cuerpo y encabezados, peso 400/600, y "Playfair Display" para títulos destacados.
- **Header**: barra fija con logo SVG a la izquierda, enlaces de navegación (Home, About, Classes, Events, Blog, Contact) y un mega‑menú bajo "Pages" que muestra una cuadrícula de enlaces y una mini‑imagen del logo. El header c
4.192 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.192 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ú principal y mega‑menú
- 1.2 Hero con fondo difuminado, título grande y botón CTA
- 1.3 Bloque "Sobre nosotros" con texto a la izquierda y foto a la derecha
- 1.4 Cuatro tarjetas de servicios (Yoga, Pilates, Meditación, Terapia) en grid
- 1.5 Calendario de próximas clases y eventos con filtro de tipo
- 1.6 Carrusel de testimonios de alumnos
- 1.7 Últimas entradas del blog en formato tarjeta
- 1.8 Footer con enlaces rápidos, datos de contacto y redes sociales
ABOUT
- 2.1 Cabecera compartida
- 2.2 Hero interior con título y subtítulo
- 2.3 Texto descriptivo del estudio, misión y valores
- 2.4 Equipo de instructores en tarjetas con foto y bio breve
- 2.5 Footer compartido
CLASSES
- 3.1 Cabecera compartida
- 3.2 Lista de categorías de clases en tabs
- 3.3 Tarjetas de clases con imagen, horario y botón "Reservar"
- 3.4 CTA para suscripción al boletín
- 3.5 Footer compartido
EVENTS
- 4.1 Cabecera compartida
- 4.2 Calendario interactivo con eventos destacados
- 4.3 Detalle de evento con imagen, descripción y botón registro
- 4.4 Footer compartido
BLOG
- 5.1 Cabecera compartida
- 5.2 Lista de artículos en tarjetas con imagen, título y extracto
- 5.3 Paginación simple
- 5.4 Footer compartido
CONTACT
- 6.1 Cabecera compartida
- 6.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 6.3 Mapa incrustado de ubicación
- 6.4 Footer compartido
PROMPTS RELACIONADOS · BELLEZA / SPA
