NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una universidad ficticia llamado CampusNova usando HTML, Tailwind CDN y JavaScript vanilla en un solo archivo.
- **Marca**: CampusNova, dominio campusnova.com, claim "Conecta estudiantes y conocimientos", email hola@campusnova.com, año 2026.
- **Paleta**: #1A374D (azul oscuro), #406882 (azul medio), #6FA8DC (azul claro), #F0F4F8 (gris muy claro), #FFFFFF (blanco), #E63946 (rojo acento).
- **Tipografía**: Inter para cuerpo (font-sans), Playfair Display para títulos (font-serif). Cargar desde Google Fonts.
- **Header**: barra fija, logo a la izquierda (SVG genérico), menú principal con enlaces Home, Sobre, Cursos, Eventos, Contacto; dropdown "Más" con enlaces a Blog, Tienda, FAQ; botón principal de color rojo "Inscríbete ahora" visible en móvil; icono de carrit
4.079 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.079 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, botón "Inscríbete ahora" y carrito
- 1.2 Hero con título, subtítulo, imagen de fondo y botones de acción
- 1.3 Estadísticas numéricas en columnas (estudiantes, cursos, profesores, graduados)
- 1.4 Grid de cursos destacados con imagen, título, breve descripción y botón
- 1.5 Testimonios en carrusel con foto, nombre y comentario
- 1.6 Sección de eventos próximos con tarjetas de fecha, título y enlace
- 1.7 Llamada a la acción final para descargar catálogo
- 1.8 Footer con enlaces institucionales, redes sociales y datos de contacto
ABOUT
- 2.1 Header idéntico al Home
- 2.2 Banner interior con título "Sobre CampusNova"
- 2.3 Texto descriptivo de la misión, visión y valores en columnas
- 2.4 Equipo docente en grid con foto, nombre, cargo y link a perfil
- 2.5 Estadísticas adicionales y llamado a la acción para contactar
- 2.6 Footer común
COURSES
- 3.1 Header
- 3.2 Hero interior "Nuestros Cursos"
- 3.3 Filtro y barra de búsqueda
- 3.4 Lista de tarjetas de curso (imagen, título, breve, botón "Más info")
- 3.5 Paginación
- 3.6 Footer
EVENTS
- 4.1 Header
- 4.2 Hero interior "Eventos"
- 4.3 Grid de eventos con fecha, imagen, título y descripción breve
- 4.4 Botón "Ver todos"
- 4.5 Footer
ENROLLMENT
- 5.1 Header
- 5.2 Formulario de inscripción (datos personales, selección de curso, botón "Enviar")
- 5.3 Información de ayuda y FAQ
- 5.4 Footer
CONTACT
- 6.1 Header
- 6.2 Formulario de contacto (nombre, email, mensaje) y mapa incrustado
- 6.3 Información de oficina y redes
- 6.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
