NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea la web completa de la marca ficticia Campus Online Aurora (campusonlineaurora.com) usando solo HTML, Tailwind CDN y JavaScript vanilla en un único archivo. La página es una plataforma educativa y debe seguir la siguiente guía de diseño:
**Paleta de colores**
- Primary: #0A2540 (azul marino profundo)
- Accent: #1E90FF (azul cielo)
- Light: #F5F9FF (casi blanco)
- Dark: #212B36 (gris antracita)
- Success: #28A745 (verde)
**Tipografía**
- Sans‑serif primaria: 'Inter', sans-serif (cargada vía Google Fonts)
- Títulos: peso 700, tamaños escala rem (h1 2.5rem, h2 2rem, h3 1.75rem)
- Texto base: peso 400, 1rem
**Estructura global**
- `<header>` fijo, fondo blanco, sombra ligera, contenedor centrado max‑w‑7xl, flex entre logo (svg placeholder), menú horizontal (Home, Sobre Nosotros, Cursos,
4.945 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.945 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 Cabecera fija con logo, menú principal, botón de registro y carrito
- 2.1 Hero con título, subtítulo y botones CTA
- 3.1 Bloque de estadísticas con contadores animados
- 4.1 Cuadrícula de categorías de cursos
- 5.1 Sección de ventajas con iconos y textos
- 6.1 Testimonios en carrusel
- 7.1 Últimos artículos del blog
- 8.1 Llamada a la acción de suscripción
- 9.1 Footer con enlaces, redes y formulario de newsletter
ABOUT US
- 1.1 Cabecera reutilizada
- 2.1 Imagen de portada y misión
- 3.1 Valores con iconos
- 4.1 Equipo en tarjetas
- 5.1 CTA de contacto
COURSES
- 1.1 Cabecera reutilizada
- 2.1 Banner de categoría
- 3.1 Lista de cursos en tarjetas con precio, duración y botón "Ver detalle"
- 4.1 Filtro lateral y paginación
BLOG
- 1.1 Cabecera reutilizada
- 2.1 Lista de artículos en formato rejilla
- 3.1 Extractos, autor y fecha
- 4.1 Paginación
CONTACT
- 1.1 Cabecera reutilizada
- 2.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 3.1 Información de contacto y mapa integrado
PROMPTS RELACIONADOS · LMS / CURSOS ONLINE
