NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. La marca es "Educa Lira", estudio de diseño digital. Usa la paleta: #0A0A0A (fondo principal), #FFFFFF (texto), #1ABCFE (acento azul), #F24E1E (acento rojo), #0ACF83 (acento verde), #FF7262 (acento naranja). Tipografía: Inter para cuerpo y encabezados, peso 400‑700, tamaños escalados (h1 4rem, h2 2.5rem, p 1rem).
Estructura:
- Header fijado superior con botón "MENU" (all caps) que abre un overlay fullscreen con navegación vertical: Home, Works, About, Contact, Blog. Botón de cierre "Close". En la esquina izquierda muestra ©2026. En la derecha un enlace "View all pages" con icono SVG.
- Hero section ocupa pantalla completa. Izquierda: logo SVG, título grande "Impulsamos la visión de tu marc
4.074 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.074 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 menú overlay y botón de apertura/cierre
- 1.2 Hero con logo, encabezado principal y tarjetas isométricas
- 1.3 Botón de CTA "Get started"
- 1.4 Marquee de logos de clientes
- 1.5 Footer con datos de contacto y enlaces auxiliares
WORKS
- 2.1 Header persistente
- 2.2 Galería de proyectos en cuadrícula con efecto hover
- 2.3 Pie de página común
ABOUT
- 3.1 Header persistente
- 3.2 Texto descriptivo con imagen acompañante
- 3.3 Equipo destacado en tarjetas
- 3.4 Footer común
CONTACT
- 4.1 Header persistente
- 4.2 Formulario de contacto con campos básicos
- 4.3 Mapa estático o ilustración
- 4.4 Footer común
BLOG
- 5.1 Header persistente
- 5.2 Listado de artículos con miniaturas
- 5.3 Sidebar con categorías y archivo
- 5.4 Footer común
PROMPTS RELACIONADOS · EDUCACIÓN
