Cart Log in
GYM / FITNESS · Claude Design · HTML

Fitness Alba — Prompt de diseño web para Claude AI

Plataforma digital de entrenamiento personal y coaching fitness Entrena como tu mejor versión, a tu ritmo.

↓ Descargar PROMPT.md
+0
0 0
FREE 0€
Fitness Alba — vista previa
NEW PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
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
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Install Claude Design ↗
CAPTURA COMPLETA · HOME
Fitness Alba — home completa
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

Otros prompts de la misma categoría