PORTAFOLIO · Claude Design · HTML

Lumenario Studio — Prompt de diseño web para Claude AI

★★★★★4,8 1.141 descargas

Agencia creativa de diseño digital y branding Ideas que cobran forma.

↓ 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 **Lumenario Studio**, una agencia creativa de diseño digital y branding. El proyecto debe entregarse en un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas, salvo el CDN de Tailwind y Lenis para smooth scrolling. Utiliza la siguiente paleta de colores:
- #0A0A0A (negro profundo)
- #FFFFFF (blanco)
- #E0E0E0 (gris claro)
- #FF6F61 (coral vibrante)
- #4A90E2 (azul sereno)
Tipografía: **Inter** para cuerpos y **Playfair Display** para títulos (cargar desde Google Fonts). 

Estructura y contenido:

**Header (sticky)**
- Logotipo circular con letras "LS" en Inter Bold, color #FF6F61.
- Menú de navegación horizontal (Home, About, Work, Contact) con estilo minimalista; enlaces resaltan con subrayad

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

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

5.092 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 logotipo, frase descriptiva y botón "Hablemos"
1.2 Grid de proyectos destacados (3 columnas en escritorio, 1 columna en móvil) con círculo central y overlay
1.3 Footer con datos de ubicación, enlace a agenda y menú colapsable