NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio estático HTML+Tailwind CSS (CDN) + JavaScript vanilla en un solo archivo que reproduzca el diseño visual y la estructura de la web de referencia, pero con la marca ficticia **Campus Vega**. Utiliza la siguiente paleta de colores: #0A0A0A (negro profundo), #F5F5F5 (gris muy claro), #1A73E8 (azul primario), #FFB800 (amarillo acento), #FFFFFF (blanco). Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400‑700.
**Header**: barra oscura fija, logo circular con texto "Campus Vega" (Inter Bold), enlaces horizontales: Cursos, Instructores, Testimonios, Precios, Contacto; botón primario azul con texto "Inscríbete ahora". Menú colapsable en móvil con icono hamburger animado.
**Hero**: sección full‑width con fondo oscuro, título grande (h1) "Aprende de los mejores mentores
3.780 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.780 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 "Inscríbete ahora"
- 2.1 Hero principal con título, subtítulo, botones CTA y sección de reseñas
- 3.1 Testimonios con avatar y rating de estrellas
- 4.1 Sección de beneficios (grid de iconos + texto) – placeholder
- 5.1 Footer con enlaces institucionales, redes y contacto
COURSES
- 1.1 Encabezado de página con título y filtro de categorías
- 2.1 Lista de tarjetas de curso (imagen, título, instructor, rating)
- 3.1 Paginación
INSTRUCTOR
- 1.1 Header interno con breadcrumb
- 2.1 Perfil del instructor (foto, bio, redes)
- 3.1 Cursos del instructor (tarjetas)
TESTIMONIALS
- 1.1 Título de sección y filtro por tipo
- 2.1 Carrusel de testimonios (avatar, texto, rating)
PRICING
- 1.1 Tabla comparativa de planes (gratuito, estándar, premium)
- 2.1 CTA de suscripción bajo cada plan
CONTACT
- 1.1 Formulario de contacto (nombre, email, mensaje)
- 2.1 Mapa embebido y datos de oficina
PROMPTS RELACIONADOS · EDUCACIÓN
