NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
You are Claude Design. Create a complete single‑file website for the fictitious brand **Lúmina Marketing** (agencia digital). Use **HTML + Tailwind CSS (CDN)** and **vanilla JavaScript** only. No external assets besides Tailwind CDN; images can be placeholders (https://via.placeholder.com). Follow the exact UI pattern of the source template:
- **Header**: transparent top bar, logo text "Lúmina", hamburger menu (three bars) that opens a full‑screen overlay with vertical navigation links (Overview, Home 01, Home 02, About, Work, Service, Blog, Contact). Include a right‑aligned primary button "Contact us" with arrow icon.
- **Hero section**: large heading (font‑size 5xl, uppercase, tracking‑wide), short paragraph centered, primary button "Buy template" with double‑arrow graphic. Apply subtle
3.870 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.870 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ú hamburguesa y botón de contacto
- 1.2 Hero: título destacado, párrafo descriptivo y botón principal
- 1.3 Galería de tarjetas de proyecto/servicio (grid de 3 columnas)
- 1.4 Bloque "Nuestros clientes" con badge, encabezado y imagen ilustrativa
- 1.5 Separadores decorativos entre secciones
- 1.6 Footer con enlaces secundarios y logo reducido
ABOUT
- 2.1 Header interno con logo y menú
- 2.2 Título de página y párrafo introductivo
- 2.3 Imagen de presentación grande
- 2.4 Texto de misión y valores en columnas
- 2.5 Footer común
WORK
- 3.1 Header interno
- 3.2 Galería filtrable de proyectos (cards con hover)
- 3.3 Detalle de proyecto emergente (modal)
- 3.4 Footer común
SERVICE
- 4.1 Header interno
- 4.2 Lista de servicios con iconos y descripciones
- 4.3 CTA de contacto
- 4.4 Footer común
BLOG
- 5.1 Header interno
- 5.2 Lista de artículos en formato grid
- 5.3 Paginación simple
- 5.4 Footer común
CONTACT
- 6.1 Header interno
- 6.2 Formulario de contacto (nombre, email, mensaje, botón)
- 6.3 Información de contacto y mapa embed
- 6.4 Footer común
PROMPTS RELACIONADOS · DIGITAL AGENCY
