NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Campus Zenit (campuszenit.com) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir el diseño visual y la estructura del sitio analizado:
- **Paleta de colores**: #0A2740 (azul oscuro), #1E3A5F (azul medio), #4A90E2 (azul brillante), #FFFFFF (blanco), #F5F7FA (gris muy claro).
- **Tipografía**: *Inter* para textos y *Playfair Display* para encabezados, cargadas desde Google Fonts.
- **Header**: barra superior fija con logo a la izquierda, menú de navegación (Home, Pages con dropdown, Services, Projects, Blog, Contact), botón de teléfono, íconos de redes sociales y botón "Get in touch" visible en escritorio, colapsable en móvil con menú hamburguesa.
- **Hero**: sección a pantal
4.410 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.410 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 Hero con video de fondo, título, subtítulo, botón y botón de vídeo
- 1.2 Sección "Quiénes somos" con encabezado, slider de tres cards y barra de progreso
- 1.3 Marquee de texto continuo
- 1.4 Footer con logo, menú rápido, contacto y redes sociales
ABOUT US
- 2.1 Encabezado interno con breadcrumb
- 2.2 Texto descriptivo y galería de imágenes
- 2.3 Equipo y valores
SERVICES
- 3.1 Lista de servicios con iconos y descripciones
- 3.2 CTA a contacto
PROJECTS
- 4.1 Grid de proyectos con filtro
- 4.2 Detalle de proyecto modal
BLOG
- 5.1 Lista de artículos con extractos y botones leer más
- 5.2 Sidebar con categorías y suscripción
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado y datos de oficina
PROMPTS RELACIONADOS · EDUCATION
