NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Aula Lira, agencia digital de diseño premium, usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir la estructura visual y de interacción del template analizado, sin copiar textos ni imágenes originales. Usa los siguientes requisitos:
- **Paleta de colores**: #1A1A1A (negro profundo), #FFFFFF (blanco), #F5A623 (ámbar brillante), #E2E8F0 (gris claro), #0D9488 (verde azulado).
- **Tipografía**: "Inter" para títulos y body (cargar via Google Fonts), peso 400/600/700 según necesidad.
- **Header**: barra fija con logo (placeholder svg), enlace al carrito (icono), y botón de menú hamburguesa que abre un panel lateral.
- **Panel lateral**: overlay oscuro, contiene logo y lista de enl
3.801 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.801 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 Barra de navegación con logo, carrito y botón de menú
- 2.1 Menú lateral deslizable con enlaces a páginas principales
- 3.1 Hero con título, subtítulo y llamada a acción
- 4.1 Cuadrícula de proyectos destacados
- 5.1 Sección de servicios con iconos y descripciones
- 6.1 Testimonios en carrusel
- 7.1 Blog con tarjetas de artículo
- 8.1 Footer con información de contacto, enlaces y redes sociales
ABOUT
- 1.1 Cabecera con título y foto del equipo
- 2.1 Texto descriptivo de la agencia
- 3.1 Valores y misión en columnas
- 4.1 Equipo con fotos y breves bios
- 5.1 CTA a proyectos
PROJECT
- 1.1 Galería de proyectos en grid masonry
- 2.1 Filtro por categorías
- 3.1 Detalle de proyecto individual con imágenes, descripción y resultados
- 4.1 CTA a contacto
BLOG
- 1.1 Lista de entradas en tarjetas con imagen, título y excerpt
- 2.1 Sidebar con categorías, archivo y newsletter
- 3.1 Entrada individual con contenido, autor y sección de comentarios
PRICING
- 1.1 Tabla de planes con precios, características y botones de compra
- 2.1 FAQ accordion
- 3.1 CTA final
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 2.1 Mapa incrustado y datos de ubicación
- 3.1 Información de contacto y redes sociales
PROMPTS RELACIONADOS · EDUCATION
