NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **LumenAria**, una agencia digital creativa. Utiliza **HTML** con **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Emplea la siguiente **paleta de colores**: #0D0D0D (fondo principal), #FFFFFF (texto), #F5A623 (acento naranja), #1A73E8 (azul interactivo), #E0E0E0 (gris claro). Usa la tipografía **Inter** para todo el texto y **Playfair Display** para titulares.
**Estructura y componentes**:
1. **Header** fijo con logo (svg placeholder), menú hamburguesa que despliega un overlay con enlaces: Home, About, Services, Projects, Contact. Incluye botón CTA "Get started" con filtro de brillo y sombra.
2. **Hero** dividido en tres columnas:
- Izquierda: iconos de redes sociales (SVG) y texto pequeño "Based in Madrid".
- Ce
4.158 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.158 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, botón de menú y CTA
- 1.2 Hero izquierda: enlaces a redes y ubicación
- 1.3 Hero central: texto rotado, collage de imágenes giratorias
- 1.4 Hero derecha: lista de tags en marquee y flecha de scroll
- 1.5 Sección Servicios: título, descripción, imagen, contadores numéricos
ABOUT
- 2.1 Header reutilizado
- 2.2 Bloque de presentación de la agencia
- 2.3 Equipo con tarjetas de perfil
- 2.4 Valores en iconos
SERVICES
- 3.1 Header reutilizado
- 3.2 Lista de servicios con iconos y extractos
- 3.3 Detalle de servicio con galería
PROJECTS
- 4.1 Header reutilizado
- 4.2 Grid de proyectos con thumbnails interactivos
- 4.3 Caso de estudio con imágenes y texto
CONTACT
- 5.1 Header reutilizado
- 5.2 Formulario de contacto sencillo
- 5.3 Información de ubicación y redes
FOOTER
- 6.1 Logo y breve descripción
- 6.2 Enlaces de navegación
- 6.3 Iconos de redes sociales
- 6.4 Copyright
PROMPTS RELACIONADOS · EDUCACIÓN
