NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Lúmen Brío" (estudio creativo de identidad y dirección de arte) usando solo HTML, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y los patrones de UI del sitio analizado:
- **Header**: barra de navegación fija, logo tipo "L-B" a la izquierda, enlaces a secciones Home, About, Services, Portfolio, Blog y Contact. Menú hamburguesa para móvil que despliega un panel con los mismos enlaces y un ícono de cerrar.
- **Hero**: sección a pantalla completa con dos columnas; izquierda imagen de alta resolución (use placeholder https://picsum.photos/701/843), derecha texto grande en mayúsculas "No solo diseñamos. Revolucionamos marcas", subtítulo con texto rotatorio (Visual storyteller / ART DIRECTOR
5.319 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.319 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 Hero con texto rotatorio y CTA
- 2.1 Galería de logos de marcas
- 3.1 About con foto, descripción y métricas
- 4.1 Servicios en tarjetas con iconos
- 5.1 Portfolio de proyectos en grid con etiquetas
- 6.1 Testimonios (placeholder)
- 7.1 Blog/Artículos (placeholder)
- 8.1 Contacto con formulario simple
ABOUT
- 1.1 Imagen del creador
- 1.2 Texto descriptivo y badge de ubicación
- 1.3 Métricas de proyectos, clientes y satisfacción
SERVICES
- 1.1 Título y descripción introductoria
- 1.2 Cuatro tarjetas de servicio con icono, título y breve descripción
PORTFOLIO
- 1.1 Título de sección y año
- 1.2 Grid de trabajos con imagen, categoría y enlace a detalle
CONTACT
- 1.1 Formulario de contacto simple (nombre, email, mensaje, botón)
- 1.2 Información de ubicación y enlaces sociales (placeholder)
PROMPTS RELACIONADOS · CREATIVO