Cart Log in
GYM / FITNESS · Claude Design · HTML

Fuerza Vital — Prompt de diseño web para Claude AI

Entrenamiento personal y coaching deportivo Entrenamiento estructurado para resultados sostenibles.

↓ Descargar PROMPT.md
+0
0 0
FREE 0€
Fuerza Vital — vista previa
NEW PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático completo en un solo archivo HTML que reproduzca el diseño de "Fuerza Vital", una plataforma SaaS de entrenamiento personal. Usa Tailwind CSS vía CDN y JavaScript vanilla (sin dependencias externas) para animaciones y la reproducción del video de fondo. **Paleta de colores** (usar en Tailwind `extend`): - Principal: #0D0D0D (negro azabache) para fondos y textos principales - Secundario: #FFFFFF (blanco) para textos sobre fondos oscuros - Acento 1: #E53935 (rojo vibrante) para botones primarios y highlights - Acento 2: #F5F5F5 (gris muy claro) para tarjetas y fondos de secciones **Tipografía**: - Heading: "Montserrat", sans‑serif, peso 700 - Body: "Inter", sans‑serif, peso 400 **Estructura**: 1. **Header** fijo (`<header class="fixed top-0 w-full bg-black bg-o
4.687 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.687 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
Fuerza Vital — 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 Cabecera fija con logo y menú de navegación
  • 1.2 Hero con video de fondo, título, subtítulo y botones CTA
  • 1.3 Bloque "Sobre el entrenador" con texto y valores destacables
  • 1.4 Sección de Servicios (cuatro bloques enumerados)
  • 1.5 Estadísticas con gráficos de barra, gauge y tarjetas informativas
  • 1.6 Llamada a la acción "Get In Touch"
  • 1.7 Pie de página con enlaces y datos de contacto

SERVICIOS

  • 2.1 Lista de servicios en formato grid (títulos numerados y descripciones)

DATOS

  • 3.1 Tarjeta de progreso de fuerza (barras animadas)
  • 3.2 Tarjeta de progreso de resistencia (gauge circular)
  • 3.3 Tarjeta de reducción de grasa (texto informativo)

CONTACTO

  • 4.1 Sección ancla para formulario de contacto (no incluida en el HTML original, pero implícita por el botón)

FOOTER

  • 5.1 Enlaces de navegación secundaria y datos de contacto
PROMPTS RELACIONADOS · GYM / FITNESS

Otros prompts de la misma categoría