EDUCATION · Claude Design · HTML

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

★★★★★4,7 1.808 descargas

Agencia de diseño y desarrollo digital para marcas Diseñamos experiencias digitales con claridad y precisión.

↓ Descargar PROMPT.md

FREE 0€

NEW PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

You are Claude Design. Create a complete single‑file website for the fictional agency **Lúmina Escuela** using only HTML with Tailwind CSS via CDN and vanilla JavaScript. Follow the design patterns identified in the source:
- **Palette**: #0F172A (dark navy), #1E293B (deep blue), #F1F5F9 (light gray), #3B82F6 (accent blue), #FFFFFF (white).
- **Typography**: Use 'Inter' for body text and 'Montserrat' for headings (both loaded from Google Fonts). Headings H1 large, weight 700; body normal 400.
- **Header**: Fixed top navbar, logo placeholder, navigation links (Home, Projects, Services, Contact), a small "available for work" badge with pulsing dot, and a hamburger menu for mobile. Include social icons (LinkedIn, Instagram, Threads) in the expanded mobile menu.
- **Hero section**: Full‑width 

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

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

3.985 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, menú colapsable, enlaces (Home, Project, Services, Contact) y botón "available for work"
1.2 Hero: título dividido en dos líneas, subtítulo descriptivo, imagen principal a la derecha, botón "Book a Call"
1.3 Fondo decorativo: dos iconos grandes en posición absoluta
1.4 Marquee de proyectos: galería horizontal infinita con tarjetas que incluyen imagen, etiquetas (UI/UX Design, Web Design) y nombre del proyecto
1.5 Footer (no incluido en el fragmento, pero inferido): bloque con enlaces rápidos, datos de contacto y redes sociales