NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Luminara Design (luminara.com) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe replicar el diseño minimalista y estructural del sitio analizado:
- **Paleta de colores**: fondo #FAFAFA, textos #111111, acentos #000000, neutros #666666.
- **Tipografía**: fuente "Inter" (Google Fonts) para títulos y cuerpo, peso 400‑600.
- **Header**: barra fija con logo que cambia entre versión clara y oscura, menú hamburguesa que abre un panel lateral con enlaces numerados (Home, About Me, Works, Insights) y sub‑iconos de flecha. Incluye botón CTA "Hablemos" visible en escritorio, oculto en móvil.
- **Footer lateral**: panel que se despliega desde la derecha al abrir el menú, contiene título "Sígueme.", enlac
3.700 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.700 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 dual y CTA "Hablemos"
- 1.2 Hero central con encabezado grande y botones "Comprar plantilla" y "Explorar páginas"
- 1.3 Sección marquee de imágenes con cards horizontales de distintas homepages
- 1.4 Footer lateral (abrible) con enlaces a redes, texto de invitación y formulario de captura de email
ABOUT
- 1.1 Barra de navegación reutilizada
- 1.2 Hero secundario con foto del autor y breve biografía
- 1.3 Lista de habilidades en bloques tipo grid
- 1.4 Testimonios rotativos
- 1.5 Footer estándar con contacto y suscripción
WORKS
- 1.1 Barra de navegación reutilizada
- 1.2 Galería filtrable de proyectos en tarjetas de imagen
- 1.3 Detalle emergente al hacer clic con descripción y tags
- 1.4 Footer con enlaces rápidos y formulario breve
BLOG
- 1.1 Barra de navegación reutilizada
- 1.2 Lista de artículos en formato listado con miniaturas y extractos
- 1.3 Paginación simple
- 1.4 Footer con información de contacto y newsletter
Imagen generada con OpenAI · gpt-image-2 · 09/06/2026
PROMPTS RELACIONADOS · BELLEZA / SPA
