NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una landing page completa para la marca ficticia **Belleza Lúmina** (estudio de diseño digital) siguiendo fielmente el patrón visual del sitio analizado. Usa **HTML** con **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. La paleta de colores debe incluir:
- #0A0A0A (negro profundo para fondos y texto principal)
- #FFFFFF (blanco para contraste)
- #F5A623 (ámbar vibrante para acentos y botones)
- #E0E0E0 (gris claro para fondos secundarios)
Tipografía: **Inter** para todo el cuerpo y **Playfair Display** para encabezados grandes.
Estructura y requisitos:
1. **Navbar** fija, fondo semi‑transparente, logo a la izquierda, enlaces: Home, About, Work, Contact y botón destacado "Get in touch". En móvil, colapsar a ícono hamburguesa con overlay.
2. **Hero** sección a pantall
3.830 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.830 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 Navbar fijo con logo, enlaces y botón de contacto
- 1.2 Hero con título principal y subtítulo
- 1.3 Carrusel de logos de clientes (tres filas animadas)
- 1.4 Bloque "Sobre mí" con tarjeta enlazable y métricas (proyectos, assets, horas)
- 1.5 Servicios en cuadrícula (Motion Graphics, UI/UX, Brand Identity, Web Design)
- 1.6 Experiencia profesional en tarjetas con descripción y rango de fechas
- 1.7 Trabajo destacado con slider de imágenes
- 1.8 Footer con enlaces de redes y contacto
ABOUT
- 1.1 Navbar (reutilizado)
- 1.2 Sección de presentación personal ampliada
- 1.3 Detalle de habilidades y procesos
- 1.4 Testimonios y colaboradores
- 1.5 Footer
WORK
- 1.1 Navbar
- 1.2 Galería filtrable de proyectos con tarjetas y modal de detalle
- 1.3 Caso de estudio destacado
- 1.4 Footer
CONTACT
- 1.1 Navbar
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa embebido (opcional) y datos de contacto
- 1.4 Footer
PROMPTS RELACIONADOS · BEAUTY / SPA
