NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Cumbre Campus" (dominio cumbrecampus.com) usando sólo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web debe replicar el diseño institucional universitario analizado:
- **Paleta de colores**: #1F3A69 (azul marino), #2E5A9A (azul medio), #F5F7FA (gris muy claro), #FFFFFF (blanco), #E0E7EF (gris suave) y acentos #FFB400 (amarillo dorado).
- **Tipografía**: Fuente principal "Inter" para títulos y cuerpo, peso 400/600, tamaños escalables (h1 48px, h2 36px, h3 28px, cuerpo 16px).
- **Header**: barra sticky con logo a la izquierda, menú principal con enlaces Home, Program, About Us, Contact Us y un dropdown "Pages" que muestra enlaces a secciones internas (Program, Enrollment, News, Event, Research, Notice, Style Guide,
4.299 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.299 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, menú desplegable y enlaces rápidos
- 1.2 Hero principal con título, texto de apoyo y botón CTA
- 1.3 Programas destacados en tarjetas horizontales
- 1.4 Noticias del campus en cuadrícula responsive
- 1.5 Próximos eventos en tarjetas con fecha y botón
- 1.6 Investigación y proyectos con descripción corta y enlace
- 1.7 Formulario de inscripción rápido
- 1.8 Footer con información de contacto, enlaces útiles y redes sociales
ABOUT US
- 1.1 Encabezado interno con imagen de cabecera
- 1.2 Texto institucional sobre la historia y misión
- 1.3 Equipo docente en tarjetas de perfil
- 1.4 Valores y visión en bloques icónicos
CONTACT US
- 1.1 Mapa integrado y datos de ubicación
- 1.2 Formulario de contacto completo (nombre, email, mensaje)
- 1.3 Horario de atención y números telefónicos
PROGRAM
- 1.1 Lista de programas de estudio con filtros por nivel
- 1.2 Tarjetas de programa con título, breve descripción y botón de detalle
ENROLLMENT
- 1.1 Paso a paso del proceso de matrícula
- 1.2 Formulario de solicitud de información
NEWS
- 1.1 Lista de artículos de noticias en formato tarjeta
- 1.2 Paginación o carga incremental
EVENT
- 1.1 Calendario de eventos con tarjetas de detalle
- 1.2 Formulario de registro a eventos
RESEARCH
- 1.1 Galería de proyectos de investigación con filtros
- 1.2 Tarjetas con resumen y enlace a detalle
NOTICE
- 1.1 Tablero de avisos internos en lista
- 1.2 Enlaces a documentos adjuntos
UTILITIES
- 1.1 Guía de estilo (colores, tipografías, componentes)
- 1.2 Licencias y changelog
- 1.3 Acceso a login y registro de usuarios
PROMPTS RELACIONADOS · EDUCATION
