NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Lúcida Estudio** (agencia digital) usando **HTML** y **Tailwind CSS CDN** en un único archivo con **JavaScript vanilla** para interacciones. Replicar el diseño analizado:
- **Paleta de colores**: fondo #ffffff, textos principales #111111, acentos #0d6efd (azul vibrante), sombras suaves #e5e7eb.
- **Tipografía**: usar Inter (sans‑serif) desde Google Fonts para títulos y textos; aplicar peso 700 para headings grandes y 400 para cuerpo.
- **Header**: barra sticky con logo a la izquierda y menú hamburguesa a la derecha; al abrir el menú, mostrar overlay con enlaces (About, Services, Work, Contact) y botón de cierre.
- **Hero**: sección a pantalla completa con título dividido en varias capas (Design / that / matter) usando animaciones de
3.854 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.854 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 fijo con logo y menú hamburguesa
- 1.2 Hero con título animado y descripción breve
- 1.3 About: textos grandes, tres imágenes combinadas y enlace a Work With Us
- 1.4 Services: tres tarjetas numeradas (Advertising, Graphic, ...)
- 1.5 CTA: llamado a la acción con botón "Trabaja con nosotros"
- 1.6 Footer con enlaces a secciones y datos de contacto
SERVICE
- 2.1 Header idéntico al de Home
- 2.2 Título de página "Servicios"
- 2.3 Lista de servicios ampliada con descripción y ejemplos visuales
- 2.4 CTA final
WORK
- 3.1 Header idéntico
- 3.2 Título "Nuestro trabajo"
- 3.3 Grid de proyectos con hover y modal de detalle
- 3.4 CTA de contacto
CONTACT
- 4.1 Header idéntico
- 4.2 Formulario de contacto simple (nombre, email, mensaje)
- 4.3 Información de contacto y mapa estático
- 4.4 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 05/06/2026
PROMPTS RELACIONADOS · AGENCIA DIGITAL
