NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Lúmen Creativo** (agencia digital) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo.
**Alcance:** replicar la UI y estructura del sitio analizado, sin copiar texto ni imágenes originales. Genera contenido propio en español de España.
**Paleta de colores:**
- Primario: #FF5812
- Secundario: #111111
- Texto principal: #222222
- Fondo claro: #F9F9F9
- Acents: #FFFFFF
**Tipografía:**
- Fuente principal: "Inter", sans-serif (cargar desde Google Fonts).
- Fuente secundaria para títulos: "Playfair Display", serif.
**Header:** barra fija con logo (placeholder SVG), menú hamburguesa que abre un dropdown lateral con tres columnas: "Páginas principales", "Páginas internas" y "Utilidades". Cada columna
5.125 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.125 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 fija con logo y botones
- 1.2 Menú desplegable con categorías y enlaces sociales
- 1.3 Hero principal con imagen, título y CTA
- 1.4 Bloque de presentación del estudio
- 1.5 Sección de proyectos destacados (grid)
- 1.6 Contador de métricas
- 1.7 Testimonios en carrusel
- 1.8 Footer con datos de contacto y redes
ABOUT
- 2.1 Header interno con breadcrumb
- 2.2 Historia de la agencia en dos columnas
- 2.3 Equipo en tarjetas con foto y rol
- 2.4 Valores en iconos y texto
- 2.5 CTA de contacto
SERVICES
- 3.1 Lista de servicios en tarjetas con icono y descripción
- 3.2 Proceso de trabajo paso a paso
- 3.3 Caso de estudio destacado
- 3.4 CTA secundario
PROJECTS
- 4.1 Galería filtrable por categoría
- 4.2 Detalle de proyecto con imágenes y descripción
- 4.3 Testimonio del cliente
- 4.4 Botón de volver al portfolio
BLOG
- 5.1 Listado de artículos en tarjetas con imagen, título y extracto
- 5.2 Sidebar con categorías y últimos posts
- 5.3 Paginación
CONTACT
- 6.1 Formulario de contacto con campos básicos
- 6.2 Mapa incrustado
- 6.3 Información de oficina y redes
PRICING
- 7.1 Tabla comparativa de planes
- 7.2 FAQ acordeón
- 7.3 CTA de registro
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 06/06/2026
PROMPTS RELACIONADOS · AGENCIA DIGITAL
