NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Lúminia Creativa (agencia de diseño digital) siguiendo el estilo del template analizado. Usa solo un archivo HTML con Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks).
---
**Paleta de colores**:
- Fondo oscuro: #0A0A0A
- Texto principal: #F5F5F5
- Texto secundario: #CCCCCC
- Acento primario: #FF6F61
- Acento secundario: #4A90E2
**Tipografía**:
- Font family: 'Inter', sans-serif (cargar desde Google Fonts).
- Títulos h1: text-5xl font-bold tracking-tight
- Subtítulos h2: text-3xl font-semibold
- Texto cuerpo: text-base leading-relaxed
**Estructura**:
1. **Header** (sticky, bg negro semi‑transparente) con logo SVG (placeholder), navegación horizontal (Home, Portfolio, Blog, About, Contact), botón CTA "Get in Touch" estilo ou
4.447 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.447 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ú hamburguesa y botón "Get in Touch"
- 1.2 Hero: imagen central, tres etiquetas de especialidad, título principal, subtítulo, botón "Ver trabajos" y mini‑galería de imágenes + cliente destacado
- 1.3 Declaración: icono de flash y cita inspiradora
- 1.4 Valores: tarjetas "Identidad de marca", "Colaboración", "Mensaje de marca" con iconos
- 1.5 Portafolio destacado: sección "Featured", título, texto introductivo, grid de proyectos con miniatura, nombre, categoría, duración y año
- 1.6 Footer: iconos de Instagram y Facebook
PORTFOLIO
- 2.1 Header reutilizado
- 2.2 Lista de proyectos en cuadrícula similar al bloque destacado del home
- 2.3 Footer reutilizado
BLOG
- 3.1 Header reutilizado
- 3.2 Lista de artículos con miniaturas y extractos
- 3.3 Footer reutilizado
ABOUT
- 4.1 Header reutilizado
- 4.2 Sección de historia y equipo con imágenes y texto
- 4.3 Valores y testimonios
- 4.4 Footer reutilizado
CONTACT
- 5.1 Header reutilizado
- 5.2 Formulario de contacto simple (nombre, email, mensaje) y botón de envío
- 5.3 Información de contacto y mapa integrado
- 5.4 Footer reutilizado
PROMPTS RELACIONADOS · BELLEZA / SPA
