NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca **InspiraForm** (plataforma de formación y coaching) usando **HTML estático**, **Tailwind CSS** vía CDN y **JavaScript vanilla** en un único archivo. Reproduce fielmente la estructura y patrones visuales del sitio analizado:
- **Paleta de colores**: #1A73E8 (azul primario), #0F5BB5 (azul oscuro), #F5F7FA (gris muy claro), #333333 (texto), #FFFFFF (blanco).
- **Tipografía**: Inter, sans‑serif, tamaños fluidos (texto base 16px, títulos escalados).
- **Header**: barra superior con logo a la izquierda, menú principal con enlaces «Inicio», «Programas», «Sobre nosotros», «Blog», «Contacto». Cada enlace abre un dropdown multilayout (mostrar versiones ficticias de Home, Programas y Contacto). A la derecha, botón de carrito con contador.
- **Hero**: sec
4.199 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.199 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, menú principal, dropdowns multilayout y botón de carrito.
- 2.1 Hero con título, subtítulo, botón CTA principal y fondo ilustrativo.
- 3.1 Bloque de beneficios (4 columnas) con icono, título y breve descripción.
- 4.1 Cuadrícula de programas (3 columnas) con imagen, nombre, breve texto y botón "Más info".
- 5.1 Testimonios (carrusel) con foto, nombre, rol y comentario.
- 6.1 CTA secundaria con formulario de suscripción (email + botón).
- 7.1 Footer con 4 columnas: Sobre nosotros, Programas, Recursos y Contacto; incluye redes sociales.
PROGRAMAS
- 1.1 Header (igual que Home).
- 2.1 Lista de programas en tarjetas, filtro por categoría.
- 3.1 Detalle de programa con descripción, agenda, precios y botón de inscripción.
- 4.1 Footer (igual que Home).
ABOUT
- 1.1 Header.
- 2.1 Bloque de historia con imagen y texto.
- 3.1 Equipo con tarjetas de perfil.
- 4.1 Valores en iconos.
- 5.1 Footer.
BLOG
- 1.1 Header.
- 2.1 Lista de artículos en tarjetas con imagen, título, extracto y fecha.
- 3.1 Sidebar con categorías y últimos posts.
- 4.1 Footer.
CONTACTO
- 1.1 Header.
- 2.1 Formulario de contacto (nombre, email, mensaje) + mapa estático.
- 3.1 Información de contacto y horarios.
- 4.1 Footer.
PROMPTS RELACIONADOS · EDUCACIÓN
