NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web ficticio para la marca **Escuela Roble** (agencia digital IT) replicando la arquitectura visual y estructural de la plantilla analizada. Usa únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. **Paleta de colores**: fondo #0A0A0A, primario #00D1FF, acento #FF6F61, texto claro #F5F5F5, texto gris #CCCCCC. **Tipografía**: Inter (sans) para todo el texto, encabezados en peso 700, cuerpo en 400.
**Header**: barra fija con logo SVG blanco, menú de navegación con dropdown multicolumna (Overview, Pages, Company, Utility, Template) y botones "More Templates" (estilo secundario) y "Buy Escuela Roble" (primario). Menú colapsable en móvil con ícono hamburguesa.
**Home**:
1. Hero central alineado al centro, badge con ícono + texto "Overview P
3.840 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.840 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ú multicolumna y botones de acción
- 1.2 Hero principal con badge, título, subtítulo y botones CTA
- 1.3 Slider de imágenes dentro del hero
- 1.4 Bloque de características con iconos y textos
- 1.5 Galería de proyectos destacada en grid
- 1.6 Llamada a la acción secundaria
- 1.7 Footer con enlaces de navegación, información legal y redes sociales
ABOUT
- 2.1 Header idéntico al home
- 2.2 Sección introductoria con imagen y texto descriptivo
- 2.3 Equipo con tarjetas de perfil
- 2.4 Valores en columnas con iconos
- 2.5 Footer común
SERVICES
- 3.1 Header
- 3.2 Lista de servicios en tarjetas con iconos y descripción breve
- 3.3 Proceso paso a paso en timeline
- 3.4 CTA de contacto
- 3.5 Footer
PROJECTS
- 4.1 Header
- 4.2 Grid de proyectos con filtro por categoría
- 4.3 Detalle de proyecto (imagen grande, descripción, tecnologías)
- 4.4 Footer
CONTACT
- 5.1 Header
- 5.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.3 Información de contacto y mapa incrustado
- 5.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
