NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Educa Roble" (consultoría estratégica y coaching) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilos del sitio de referencia, sin copiar texto ni imágenes del original.
**Alcance**: Home, About Us, Services, Portfolio, Blog, Contact Us y páginas utilitarias (404, License, Changelog, Style Guide). Cada página debe seguir la misma cabecera y pie de página.
**Stack**:
- `<link href="https://cdn.jsdelivr.net/npm/tailwindcss@3/dist/tailwind.min.css" rel="stylesheet">`
- Script al final del body para interacciones (menú móvil, carrusel, acordeón, video autoplay, scroll animations).
**Paleta de colores** (extraída del original):
- Primario: #0A2640
- Secundario: #1D4E89
5.208 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.208 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 Cabecera fija con logo, navegación y botón principal
- 1.2 Hero con etiqueta, título, subtítulo, descripción y botón CTA
- 1.3 Tarjeta de métricas de impacto (2× decisiones más rápidas, etc.)
- 1.4 Video de fondo silencioso, reproducción automática y bucle
- 1.5 Sección de servicios en 3‑columna con iconos y texto descriptivo
- 1.6 Testimonios en carrusel con foto, nombre y comentario
- 1.7 Equipo: grid de 4‑columna con avatar circular y rol
- 1.8 CTA final: formulario nombre + email + botón enviar
- 1.9 Footer con enlaces, redes sociales y datos de contacto
ABOUT US
- 2.1 Banner interno con título y breadcrumbs
- 2.2 Texto institucional y misión/visión en dos columnas
- 2.3 Valores en bloques con íconos
- 2.4 CTA para contactar
SERVICES
- 3.1 Lista de servicios en tarjetas con icono, título y descripción corta
- 3.2 Sección de procesos en pasos numerados
- 3.3 Preguntas frecuentes en acordeón
- 3.4 CTA secundario
PORTFOLIO
- 4.1 Galería filtrable de proyectos en masonry
- 4.2 Detalle de proyecto con imágenes, retos y resultados
BLOG
- 5.1 Lista de artículos con imagen, título, extracto y categoría
- 5.2 Paginación simple
- 5.3 Sidebar con categorías y últimos posts
CONTACT US
- 6.1 Formulario de contacto completo (nombre, email, asunto, mensaje)
- 6.2 Mapa incrustado y datos de ubicación
- 6.3 Información de contacto rápido
UTILIDAD (páginas 404, licencia, etc.)
- 7.1 404: mensaje amigable y botón a Home
- 7.2 Licencia: texto legal estándar
- 7.3 Changelog: lista de versiones
- 7.4 Style Guide: muestra de tipografía y colores
PROMPTS RELACIONADOS · EDUCACIÓN
