NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML que reproduzca el diseño visual y la estructura de un estudio de yoga llamado "Equilibrio Zen". Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla (sin dependencias externas). Incluir:
- Paleta de colores: #0A1624 (azul noche), #F2F2F2 (gris claro), #4A90E2 (azul acento), #FFFFFF (blanco), #333333 (texto oscuro).
- Tipografía: "Inter" para títulos y párrafos, peso 400/600/800 según jerarquía.
- Header: barra de navegación fija con logo (texto "Equilibrio Zen" en Inter 800), enlaces Home, Sobre Nosotros, Clases, Blog, Contacto, y un icono de búsqueda que despliega un input. Botón de menú hamburguesa para móvil.
- Footer: fondo #0A1624, texto claro, incluye teléfono, email, enlaces de navegación y iconos redes sociales.
- Home se compone
3.470 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.470 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 video de fondo, títulos superpuestos y botón de llamado a acción
- 2.1 Bloque informativo "Conócenos" con subtítulo y texto explicativo
- 3.1 Grilla de beneficios (físico, emocional, espiritual) con título, divisor, descripción y botón "Explorar beneficios"
- 4.1 (placeholder) Sección de instructores con fotos y breves bios
- 5.1 (placeholder) Últimas entradas del blog
- 6.1 Footer con contacto telefónico, enlaces de navegación y redes sociales
ABOUT US
- 1.1 Título de página y contenido descriptivo del estudio
- 2.1 Galería de imágenes y misión del centro
CLASSES
- 1.1 Lista de clases con horarios y fichas descriptivas
- 2.1 Botón de reserva o inscripción
BENEFITS
- 1.1 Detalle ampliado de los beneficios físicos, emocionales y espirituales
- 2.1 Testimonios de usuarios
BLOG
- 1.1 Lista de artículos con imágenes, títulos y extractos
- 2.1 Paginación
CONTACT US
- 1.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 2.1 Información de ubicación y mapa integrado
PROMPTS RELACIONADOS · GYM / FITNESS