NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Futbolia Academy" (dominio futbolia.com) siguiendo el patrón de diseño del HTML proporcionado. Utiliza solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**
- Primario: #1E3A8A (azul oscuro)
- Secundario: #F59E0B (ámbar)
- Texto: #111827 (gris casi negro)
- Fondo: #F9FAFB (gris muy claro)
- Acento: #10B981 (verde primavera)
**Tipografía**
- Fuente principal: "Inter", sans-serif (cargar desde Google Fonts).
- Fuente secundaria para títulos: "Poppins", sans-serif.
**Estructura**
1. **Header (navbar)**: barra fija, fondo blanco, logo SVG a la izquierda, menú central con enlaces (Home, About, Programs, Contact). Cada enlace tiene efecto hover con subrayado animado. A la derecha, botón "Conta
4.631 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.631 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, desplegables y botón contactos
- 1.2 Hero con título grande, subtítulo y gráfico decorativo
- 1.3 Sección explicativa de los demos (texto y título)
- 1.4 Galería de tarjetas con captura de cada demo
- 1.5 Footer con enlaces de navegación secundaria, datos de contacto y logos de redes
ABOUT US
- 1.1 Cabecera con imagen de fondo y título "Sobre Nosotros"
- 1.2 Texto institucional y valores de la academia
- 1.3 Equipo de entrenadores en tarjetas con foto y breve bio
- 1.4 Testimonios de jugadores
- 1.5 Footer reutilizado
PROGRAMS
- 1.1 Cabecera con título "Programas"
- 1.2 Cuadrícula de tarjetas de programa (nombre, breve descripción, botón "Más info")
- 1.3 Sección de resultados y estadísticas (counters animados)
- 1.4 Galería de imágenes de entrenamiento
- 1.5 Footer reutilizado
CONTACT US
- 1.1 Cabecera con título "Contáctanos"
- 1.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 1.3 Mapa estático con ubicación
- 1.4 Información de contacto rápida (teléfono, email, dirección)
- 1.5 Footer reutilizado
PROMPTS RELACIONADOS · EDUCACIÓN
