NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Agencia Lúmina (agencia digital) usando solo HTML, TailwindCSS CDN y JavaScript vanilla en un único archivo. La web debe reproducir fielmente la arquitectura y los patrones visuales del sitio original:
- Header fijo con logo a la izquierda, menú principal con enlaces (Home, About, Service, Pages dropdown, Blog dropdown, Contact dropdown) y dos botones CTA a la derecha ("Contact us" y "Get started now"). Incluye íconos de hamburguesa para móvil y barra lateral con enlaces a redes sociales que se despliegan al abrir el menú.
- Hero a pantalla completa con fondo negro, título centrado grande, texto secundario y botón "Let's talk" que cambia de color al hover. Usa tipografía sans‑serif (p. ej. Inter) y colores: negro #000000, blanco #FFFFFF
3.439 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.439 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, dropdowns y botones CTA
- 1.2 Hero central con heading, párrafo descriptivo y botón "Hablemos"
- 1.3 Galería de proyectos tres columnas, cada una con imagen grande y efecto hover
- 1.4 Footer con enlaces a redes, menú de páginas y botones de contacto
ABOUT
- 2.1 Header reutilizado
- 2.2 Texto introductorio con imagen lateral
- 2.3 Valores de la agencia en tarjetas
- 2.4 CTA para contactar
SERVICE
- 3.1 Header
- 3.2 Lista de servicios en columnas con iconos
- 3.3 Caso de estudio destacado
- 3.4 CTA
BLOG
- 4.1 Header
- 4.2 Lista de artículos en formato tarjeta
- 4.3 Sidebar con categorías y suscripción
- 4.4 CTA al final del artículo
CONTACT
- 5.1 Header
- 5.2 Formulario de contacto con campos básicos
- 5.3 Información de oficina y mapa embed
- 5.4 CTA final
PROMPTS RELACIONADOS · DIGITAL AGENCY
