NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático que reproduzca el diseño visual y la estructura de la plantilla educativa analizada, usando HTML y Tailwind CSS (CDN) en un único archivo con JavaScript vanilla para interactividad mínima (menú hamburguesa, carrusel de testimonios y apertura del carrito).
Marca ficticia: Aurea Campus (dominio aureacampus.com, claim "Formamos profesionales para el futuro", email hola@aureacampus.com, año 2026).
Paleta de colores: #0D3B66 (azul marino), #FAF0CA (beige claro), #F4D35E (amarillo dorado), #EE964B (naranja suave), #FFFFFF (blanco).
Tipografía: "Inter" para títulos (sans‑serif, weight 600) y "Roboto" para cuerpo (weight 400). Cargar ambas desde Google Fonts.
Estructura del HTML:
- <header class="bg-white shadow"> con logo a la izquierda, menú de navegación (Home, Sob
4.277 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.277 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 con logo, navegación principal y carrito de compras
- 1.2 Hero con título destacado y botón de llamado a la acción
- 1.3 Sección de programas destacados en tarjetas con imagen y breve descripción
- 1.4 Área de docentes destacados con foto y cargo
- 1.5 Calendario de próximos eventos en lista horizontal
- 1.6 Testimonios de estudiantes en carrusel sencillo
- 1.7 Llamado a la inscripción con formulario breve
- 1.8 Footer con enlaces a información institucional, redes sociales y datos de contacto
ABOUT US
- 2.1 Cabecera idéntica a la de Home
- 2.2 Hero interno con título “Sobre nosotros” y subtítulo descriptivo
- 2.3 Texto institucional extendedido con imágenes intercaladas
- 2.4 Misión, visión y valores en bloques de tres columnas
- 2.5 Equipo directivo en grid de tarjetas
- 2.6 Footer común
PROGRAMS
- 3.1 Cabecera
- 3.2 Lista de programas en tarjetas con filtros por categoría
- 3.3 Información resumida de cada programa con botón “Más información”
- 3.4 Footer
TEACHERS
- 4.1 Cabecera
- 4.2 Grid de docentes con foto, nombre, cargo y botón de perfil
- 4.3 Footer
EVENTS
- 5.1 Cabecera
- 5.2 Calendario mensual con eventos destacados
- 5.3 Lista de eventos próximos con imagen, fecha y botón “Ver detalle”
- 5.4 Footer
BLOG
- 6.1 Cabecera
- 6.2 Grid de artículos con imagen, título, extracto y botón “Leer más”
- 6.3 Sidebar con categorías y últimos posts
- 6.4 Footer
CONTACT
- 7.1 Cabecera
- 7.2 Hero con formulario de contacto (nombre, email, asunto, mensaje) y mapa incrustado
- 7.3 Información de contacto y horario
- 7.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
