NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Lumenika Studios, una agencia digital, usando únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. El diseño debe reproducir los patrones visuales del sitio analizado:
- Paleta de colores oscura con acentos azul‑gris: #1A1F2E, #273053, #5A6A92, #98A7C3, #F5F7FA.
- Tipografía: Inter (cuerpo) y Space Grotesk (títulos).
- Header fijo con logo a la izquierda, menú horizontal con dropdowns (Home, Projects, Pages, About, Blog) y botón de contacto con borde degradado.
- Hero ocupando toda la ventana: títulos grandes con animación de deslizamiento desde la izquierda, subtítulo, botón "Explore Pages" con efecto overlay y scroll indicator circular. Imagen mockup a la derecha.
- Sección CTA doble: cuadrícula 2x2 de bloque
3.492 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.492 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 y botón de contacto
- 2.1 Hero con títulos animados, subtítulo, botón CTA y mockup de pantalla
- 3.1 Sección CTA doble con bloques de texto repetidos y símbolos decorativos
- 4.1 Galería de páginas de muestra con tarjetas de imagen
ABOUT US
- 1.1 Header (reutilizado)
- 2.1 Hero con título y descripción de la agencia
- 3.1 Texto de misión y valores
- 4.1 Equipo con tarjetas de perfil
- 5.1 Footer (reutilizado)
SERVICES
- 1.1 Header (reutilizado)
- 2.1 Hero con encabezado de servicios
- 3.1 Grid de tarjetas de servicio con iconos
- 4.1 Testimonios en carrusel
- 5.1 Footer (reutilizado)
BLOG
- 1.1 Header (reutilizado)
- 2.1 Lista de artículos con imágenes y extractos
- 3.1 Sidebar con categorías y newsletter
- 4.1 Footer (reutilizado)
CONTACT US
- 1.1 Header (reutilizado)
- 2.1 Formulario de contacto con campos básicos
- 3.1 Mapa incrustado
- 4.1 Footer (reutilizado)
PROMPTS RELACIONADOS · AGENCIA DIGITAL
