NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una agencia creativa ficticia llamada Lumenova Studio. Utiliza HTML único, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Emplea la siguiente paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #1E40AF (azul oscuro), #3B82F6 (azul vibrante), #FBBF24 (amarillo dorado). Tipografía: Inter para títulos (font‑weight 700) y Inter para cuerpo (font‑weight 400), importados desde Google Fonts.
Estructura:
- **Header** fijo con logo de una sola letra "L" en estilo minimalista, botón de menú "MENU" que abre un panel lateral.
- **Menu lateral** deslizable desde la izquierda, con enlaces a Home, Sobre, Proyectos, Contacto y enlaces a redes sociales (Instagram, LinkedIn, Twitter, Facebook). Cada enlace muestra efecto de fade al hacer hover.
- **He
4.144 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.144 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 Barra de navegación superior con logo y botón de menú
- 1.2 Menú desplegable lateral con enlaces a Home, Sobre, Proyectos y Contacto + enlaces sociales
- 1.3 Hero principal con título grande, subtítulo resaltado y botones de acción
- 1.4 Sección de clientes destacados con texto “Trusted By” y carrusel de logotipos
- 1.5 Footer minimalista con información de contacto y enlaces rápidos
SOBRE
- 2.1 Cabecera de página con título “Sobre nosotros”
- 2.2 Texto descriptivo de la agencia y misión
- 2.3 Equipo con tarjetas de perfil y descripción breve
- 2.4 Valores en bloques con iconos
- 2.5 Footer reutilizado
PROYECTOS
- 3.1 Cabecera con título “Nuestros proyectos”
- 3.2 Grid de tarjetas de proyecto con imagen, nombre y categoría
- 3.3 Filtro de categorías interactivo
- 3.4 Botón “Ver más” al final del grid
- 3.5 Footer reutilizado
CONTACTO
- 4.1 Cabecera con título “Contacta con nosotros”
- 4.2 Formulario de contacto (nombre, email, asunto, mensaje, botón enviar)
- 4.3 Mapa embebido de ubicación
- 4.4 Información de contacto rápido (email, teléfono)
- 4.5 Footer reutilizado
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 10/07/2026
PROMPTS RELACIONADOS · AGENCIA DIGITAL
