NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Fitness Alba**, una plataforma SaaS de entrenamiento personal con coaches humanos. Utiliza solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El diseño debe replicar los patrones visuales del sitio analizado: fondo oscuro (casi negro) con acentos en verde eléctrico #00FF80 y azul cian #06B6D4, tipografía principal Montserrat (sans‑serif) para títulos y Inter para cuerpos de texto.
**Estructura**:
- **Header** fijo, altura 80px, fondo semi‑transparente negro, logo a la izquierda (texto "Fitness Alba"), menú centrado con enlaces: Features, Community, Pricing, Blogs, Get started (botón destacado con fondo verde). En móvil, colapsar en hamburger que despliega overlay full‑screen.
- **Hero** ocupa 100vh, imagen de fond
4.413 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.413 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 Header con logo y navegación principal
- 1.2 Hero con título, subtítulo y botón CTA
- 1.3 Imagen de fondo hero
- 1.4 Sección App Showcase con imagen del producto
- 1.5 Features intro (título y descripción)
- 1.6 Grid de features (2 columnas)
- 1.7 Feature 1: entrenadores y carrusel de imágenes
- 1.8 Feature 2: video guías con mockup móvil
- 1.9 Footer con enlaces y contactos
BLOGS
- 2.1 Lista de artículos con imágenes, título y extracto
- 2.2 Paginación inferior
COMMUNITY
- 3.1 Área de testimonios y comunidad (estructura de tarjetas)
- 3.2 Botón para unirse a la comunidad
PRICING
- 4.1 Tabla comparativa de planes
- 4.2 Botones de suscripción CTA
- 4.3 Preguntas frecuentes (accordion)
PROMPTS RELACIONADOS · GYM / FITNESS