NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **FitPulse** (plataforma SaaS de evaluación psicológica y rendimiento deportivo). Usa **HTML único**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Respeta la siguiente paleta de colores y tipografías:
- **Primario**: #1E3A8A (azul oscuro)
- **Secundario**: #3B82F6 (azul brillante)
- **Accent**: #F59E0B (ámbar)
- **Fondo**: #F9FAFB (gris muy claro)
- **Texto**: #111827 (gris casi negro)
- **Tipografía**: Inter (Google Fonts) para todo el texto, con tamaños responsive (h1: 4xl, h2: 3xl, p: base, etc.).
### Estructura y requisitos
1. **Navbar fija** (class `fixed top-0 w-full bg-white shadow`) con logo a la izquierda, enlaces (About, Pricing, How it works?) centrados y botón CTA “Start assessment” a la derecha (estilo pri
4.685 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.685 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, enlaces y botón CTA
- 1.2 Hero: título, descripción, botones primario y secundario, imágenes decorativas
- 1.3 Bloque de estadísticas con introducción y cuatro métricas
- 1.4 Sección de características con encabezado, párrafo y grid de tarjetas
- 1.5 Footer con enlaces, redes sociales y datos de contacto
ABOUT
- 1.1 Cabecera común
- 1.2 Título "Sobre nosotros" y texto descriptivo
- 1.3 Imagen complementaria
- 1.4 Equipo en tarjetas
- 1.5 Footer
PRICING
- 1.1 Cabecera común
- 1.2 Título "Planes" y descripción breve
- 1.3 Tabla comparativa de tres planes
- 1.4 Botones CTA bajo cada plan
- 1.5 Footer
CONTACT
- 1.1 Cabecera común
- 1.2 Título "Contacto" y formulario simple (nombre, email, mensaje)
- 1.3 Mapa estático o ilustración
- 1.4 Información de contacto rápida
- 1.5 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
