NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Marca ficticia: Áurea Vital (aureavital.com). Alcance: replicar la estructura y estilo de un centro de bienestar integral similar al template analizado. Paleta de colores: #FFFFFF (blanco), #F5F5F5 (gris muy claro), #3F3F46 (gris oscuro para iconos), #A0522D (marrón tierra), #6B8E23 (verde oliva). Tipografía: "Inter", sans‑serif para cuerpo y "Playfair Display" para títulos.
Header: barra fija con logo de texto "Áurea Vital" a la izquierda, botón hamburguesa a la derecha que abre un menú vertical con enlaces Home, About, Programs, Schedule, Coaches, Pricing, Blog. Animación suave de apertura.
Hero: sección a pantalla completa con background‑image placeholder, overlay semitransparente, tít
3.519 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.519 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 Barra de navegación fija con logo y menú hamburguesa vertical
- 1.2 Hero de pantalla completa con fondo de imagen inspiradora y llamado a la acción
- 1.3 Bloque de introducción con título, subtítulo y botones
- 1.4 Cuadrícula de servicios (Programas, Horarios, Entrenadores, Precios, Blog)
- 1.5 Galería de imágenes destacadas en formato cuadrado
- 1.6 Testimonios con avatar, rating de estrellas y texto breve
- 1.7 Sección de llamada a la acción para reservar una sesión
- 1.8 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Cabecera con título y texto descriptivo del centro
- 2.2 Timeline visual de la historia y valores
- 2.3 Equipo de entrenadores con foto y breve bio
- 2.4 CTA para descargar brochure y contactar
PROGRAMS
- 3.1 Lista de programas con imagen, descripción corta y botón "Más info"
- 3.2 Filtros por tipo (Yoga, Meditación, Nutrición)
- 3.3 Testimonios específicos de cada programa
SCHEDULE
- 4.1 Calendario interactivo con horarios semanales
- 4.2 Filtros por clase y entrenador
- 4.3 Botón de reserva rápida
COACHES
- 5.1 Tarjetas de entrenadores con foto, especialidad y enlace a perfil
- 5.2 Modal de contacto directo por cada entrenador
PRICING
- 6.1 Tabla comparativa de planes de suscripción
- 6.2 Beneficios de cada nivel y botón de suscripción
BLOG
- 7.1 Grid de artículos con imagen, título y extracto
- 7.2 Paginación y barra lateral de categorías
- 7.3 Formulario de suscripción al newsletter
PROMPTS RELACIONADOS · MODA
