NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea la web completa de la marca ficticia TenisViva, una academia de tenis que ofrece entrenamientos para todas las edades. Utiliza una única página HTML con Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Reproduce fielmente la UI analizada:
- **Paleta de colores**: azul oscuro #0D3B66, azul claro #1E90FF, gris neutro #F5F5F5, blanco #FFFFFF, acento naranja #FF6B35.
- **Tipografía**: `Inter` para títulos y párrafos, pesos 400 y 700, importada desde Google Fonts.
- **Header**: barra fija, logo a la izquierda, menú principal con enlaces Home, Programas, Acerca de, Instalaciones, Entrenadores, Precios, Blog, Contacto. Incluye dropdowns para "Páginas" (Home, Acerca de, Instalaciones, Entrenadores, Precios, Contacto, Galería) y "CMS" (Blog, Detalles del blog, Programa, Detalles d
4.056 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.056 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 y botón de reserva
- 2.1 Hero con fondo de imagen, título destacado, subtítulo, botón principal y video de fondo con control
- 3.1 Sección "Sobre nosotros" con imágenes en doble columna y texto descriptivo
- 4.1 Sección "Nuestro programa" con título, descripción y enlace a programas
- 5.1 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 1.1 Header común
- 2.1 Hero estático con imagen de fondo y subtítulo "Sobre TenisViva"
- 3.1 Texto largo con historia, misión y visión
- 4.1 Equipo de entrenadores con fotos y breves bios
- 5.1 Footer común
PROGRAMAS
- 1.1 Header común
- 2.1 Grid de tarjetas de programas con imagen, título, breve descripción y botón "Ver detalle"
- 3.1 Filtro por edad y nivel
- 4.1 CTA para reservar una clase de prueba
- 5.1 Footer común
BLOG
- 1.1 Header común
- 2.1 Lista de artículos con imagen, título, extracto y etiqueta de categoría
- 3.1 Paginación
- 4.1 Sidebar con posts recientes y etiquetas
- 5.1 Footer común
CONTACTO
- 1.1 Header común
- 2.1 Formulario de contacto con campos: nombre, email, teléfono, mensaje
- 3.1 Mapa incrustado
- 4.1 Información de contacto y horario
- 5.1 Footer común
PROMPTS RELACIONADOS · GIMNASIO / FITNESS