NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático inspirado en el diseño de un portfolio creativo, usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Marca ficticia: Lúmine Arte (luminearte.com). Paleta de colores: fondo negro #0a0a0a, texto principal blanco #ffffff, acento coral #ff6600, gris claro #e5e5e5. Tipografía: Inter (sans‑serif) para cuerpo y headings, peso 400‑700.
Estructura:
- <header> barra de navegación fija, logo a la izquierda, enlaces a Work, About, Extra (derecha) y Contact (derecha). Subrayado animado bajo cada enlace al hover. Fondo semi‑transparente negro con blur.
- <section id="hero"> ocupa 100vh, fondo negro, título grande "Lúmine Arte" con letra "L" destacada en coral, animación de entrada (fade‑in).
- <section id="splash"> grid de dos enlaces grandes (Hom
3.943 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.943 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 y enlaces principales
- 1.2 Hero con título grande y fondo negro
- 1.3 Sección splash con videos de fondo auto‑reproducidos y texto "Home" y "Home Extra"
- 1.4 Rejilla de 3 columnas: enlaces a Project Page 1, 2 y 3
- 1.5 Rejilla de 3 columnas: enlaces a Work 1, 2 y 3
- 1.6 Rejilla de 3 columnas: enlaces a Contact 1, 2 y 3
- 1.7 Rejilla de 1 columna: enlace a About
- 1.8 Footer con enlaces a Licencia, Style Guide, Changelog y créditos
PROJECT PAGE 1
- 1.1 Barra de navegación fija
- 1.2 Hero o cabecera de proyecto (placeholder)
- 1.3 Galería o vídeo del proyecto (placeholder)
- 1.4 Información descriptiva (placeholder)
- 1.5 Footer
WORK PAGE 1
- 1.1 Barra de navegación fija
- 1.2 Galería Lightbox de trabajos (placeholder)
- 1.3 Texto descriptivo del trabajo (placeholder)
- 1.4 Footer
CONTACT PAGE 1
- 1.1 Barra de navegación fija
- 1.2 Formulario de contacto sencillo (placeholder)
- 1.3 Información de contacto adicional (placeholder)
- 1.4 Footer
Imagen generada con OpenAI · gpt-image-2 · 09/06/2026
PROMPTS RELACIONADOS · ENTRETENIMIENTO
