NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Campus Roble" (agencia digital de soluciones tecnológicas) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la estructura y estilo del sitio analizado:
- **Header**: barra fija, logo a la izquierda, menú principal con enlaces (Overview, Pages (mega‑dropdown con secciones Home, Projects, Contact), Company (sub‑links), Utility, Template) y botones "More Templates" (secondary) y "Buy Campus Roble" (primary). Incluye íconos minimalistas y badge de características.
- **Hero**: sección centrada, fondo neutro, badge "Overview Page", título h1 grande, subtítulo, dos botones de acción, y a la derecha un slider automático con 5 imágenes (usaremos placeholders https://via.placeholder.com/1200x600). Sl
4.224 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.224 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, mega‑dropdown y botones de acción
- 1.2 Hero central con badge, título, subtítulo, botones y slider de imágenes
- 1.3 Sección de características con iconos y texto breve
- 1.4 Grid de servicios resaltando oferta principal
- 1.5 Testimonios con carrusel sencillo
- 1.6 Llamado a la acción destacado
- 1.7 Footer con navegación secundaria, información de contacto y redes sociales
SERVICES
- 1.1 Header reutilizado
- 1.2 Título de página y descripción
- 1.3 Lista de servicios en tarjetas con iconos
- 1.4 CTA de contacto
- 1.5 Footer reutilizado
PROJECTS
- 1.1 Header reutilizado
- 1.2 Galería tipo masonry con filtros
- 1.3 Detalle rápido del proyecto al hacer hover
- 1.4 CTA para ver más proyectos
- 1.5 Footer reutilizado
ABOUT
- 1.1 Header reutilizado
- 1.2 Historia y misión en dos columnas
- 1.3 Equipo con fotos circulares y nombres
- 1.4 Valores en bloques iconográficos
- 1.5 Footer reutilizado
BLOG
- 1.1 Header reutilizado
- 1.2 Lista de artículos con tarjetas y extractos
- 1.3 Sidebar con categorías y newsletter
- 1.4 Footer reutilizado
PROMPTS RELACIONADOS · EDUCACIÓN
