TECNOLOGÍA · Claude Design · HTML

Lúmina Soft — Prompt de diseño web para Claude AI

★★★★★4,8 1.209 descargas

Agencia de diseño digital y desarrollo web Diseño elegante para ideas memorables.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia "Lúmina Soft" (agencia de diseño digital) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce el diseño visual y la estructura del sitio original analizado, sin copiar textos ni imágenes. 

**Alcance**
- Navbar fija con logo SVG, reloj estilizado en gris claro y botón de menú que alterna una barra lateral con enlaces: About, Projects, Contact, Blog, Terms. El menú debe animarse (fade/slide) y cambiar el texto de "Menu" a "Close" al abrirse.
- Hero principal con varios títulos fragmentados que aparecen secuencialmente con animación de desplazamiento y desenfoque, y un icono central que se desvanece. Cada línea del hero ("Hey, I’m", "Lúmina Soft", "Digital Designer", "Based in", "Madrid") debe estar en su pr

♠σ╦╫╩╫╣─ √φΣ■╬╡≡ ┤ε↔♣Φ│≤ ←Σµ╗ε╦╣ ²Σ┼╝ε╠♦ ß╩↓≥Ω╬┬ ╩τ≡├▀√
 ßπ╔≡↑╝↔ ▀α└▒Ω╩█ √╬◙┬Σ│∩ √╫≤σ═┴╔ ♣╗║┤δ─≤ │σ≥├∞╬♠ ▀╚┴σ├
→ ≤╝♣≡▒╬╔ ╗Ω═╡ßφ╩ ↓↔◘╝∩π█ ²╗░♣─±├ →φ╝┤ΩαΦ ■│♣╦→τ╦ ↔↔∞∞
←φ Φ─╫→╣•≡ ┤ε◘Στⁿ█ ─┼╡╦╔░ε µ■╚±≥├µ ∩║δ┼ßσ◘ Σα░↔π╠═ ▒δ█
♣♦╩ •╗╚─↔┼┤ τ↔µπΩ↔↓ ◙♠╣Φ└┴╔ ║∞πτ≡≥δ ▀≥╗√²²Ω √╚╡╔╡└░ ╝▒
╚≤→├ √┤╩♣▒µσ ╣≥│┬↓≡≤ ┼═π▓απΣ π√²╣▒↑╬ ±▒²Σ░╬↑ ╦•≤▒╔→• ◘
░♠±α² ≤◘▀╔µΦ╩ ╡φ┴┼─╔╝ σ┬╝µ═π╩ ╦╔╡²Ω│∩ ∩≥≥█◙←┴ ∩²┴─←♠├ 
└∩┼•┬╝ ╝∞≡↑εΩ─ ↑■┬σ→◘╡ ♣║∞♦τ╝σ ═ε▀↓╦♠µ σⁿ╫↓◘│τ ♦╔∞╠╫╡≤
•↓Φφ♣σ└ ⁿ╩φφ╠┬π ░▒≥→▀±├ ▓Φα╣♣∞≥ ↑↑↑φß∞▀ ±♦┴┴╔┬├ ╔ⁿ╩░←┼
 ┼┴ß√║Φ◘ ²ⁿπ│◘╦╣ ╔↑τ•◙╬→ ±²╣φ≤╩▓ •♦♠ß╠√≥ ╚█◙◘♠╫┼ Φⁿ└┬α
∩ ∞┼α┬╣▓Σ ╩◙↑Ωδ╠╣ ↑≤→╔µ┼√ ∞╬Σ═║╝└ ░╠╫╬φΦ╗ ║╣↑≥τ≤♦

4.586 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

4.586 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 con logo, reloj y botón de menú
1.2 Hero top: textos fragmentados (Hola, soy, Nombre, Rol, Ciudad) con animaciones de entrada
1.3 Hero icons: enlaces a proyectos destacados con mini‑iconos y etiquetas de categoría
1.4 Hero bottom: fila de miniaturas de proyectos en colores de fondo distintos
1.5 Projects section: título, subtítulo y grid de tarjetas de proyecto con imagen, título y categorías