NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Lúmina Creatividad** (agencia digital) usando **un solo archivo HTML** con **Tailwind CSS CDN** y **JavaScript vanilla**. El sitio debe reproducir fielmente la estructura y estilo del diseño analizado, sin copiar texto original.
**Alcance**
- Header fijo con logo a la izquierda, menú central (About, Services, Projects, Blog, Pages dropdown, Contact) y botón de contacto a la derecha. En móvil, colapsar a un ícono hamburguesa que abre un panel deslizable.
- Hero principal: "Hello there, I’m" + nombre ficticio, ubicación ficticia, breve párrafo descriptivo, tres contadores animados (+), y foto ilustrativa a la derecha. Implementar la animación de conteo con JS que incremente los números hasta el valor final.
- Sección "Featured Works": títu
4.181 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.181 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 Cabecera con logo, menú principal y botón de contacto
- 1.2 Hero: saludo, nombre, ubicación, texto descriptivo, contadores animados, imagen lateral
- 1.3 Proyectos destacados: título, subtítulo, cuadrícula de tarjetas con imagen, título y categorías
- 1.4 Footer: enlaces de navegación, información legal y contacto
ABOUT
- 1.1 Cabecera común
- 1.2 Sección "Sobre mí" con foto, texto y listado de habilidades
- 1.3 Testimonios en carrusel
- 1.4 Footer
SERVICES
- 1.1 Cabecera común
- 1.2 Lista de servicios con iconos y descripciones
- 1.3 CTA de contacto
- 1.4 Footer
PROJECTS
- 1.1 Cabecera común
- 1.2 Galería filtrable de proyectos en tarjetas
- 1.3 Detalle de proyecto (imagen, descripción, categorías)
- 1.4 Footer
BLOG
- 1.1 Cabecera común
- 1.2 Lista de artículos con imagen, título, extracto y fecha
- 1.3 Paginación
- 1.4 Footer
CONTACT
- 1.1 Cabecera común
- 1.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 1.3 Información de contacto y mapa integrado
- 1.4 Footer
PROMPTS RELACIONADOS · DIGITAL AGENCY
