MUSIC AND BANDS · Claude Design · HTML

Música Lira — Prompt de diseño web para Claude AI

★★★★★4,9 3.135 descargas

Plataforma de podcasts y contenidos de audio Espacio para voces sostenibles.

↓ Descargar PROMPT.md

FREE 0€

NEW PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web estático para la marca ficticia Música Lira, una plataforma de podcasts orientada a la sostenibilidad. Utiliza solo HTML, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. La paleta de colores es: #0A0A0A (negro profundo), #FFFFFF (blanco), #1E3A8A (azul índigo), #2563EB (azul vibrante), #F3F4F6 (gris claro). Tipografía principal: 'Inter', sans‑serif, con tamaños H1 48px, H2 36px, H3 24px, textos cuerpo 16px. 

Estructura global:
- Header fijo con logo de texto "Música Lira", menú horizontal (Home, Podcasts, Recursos, Sobre nosotros, Contacto), dos dropdowns (Podcasts > Lista, Tema > Blog, Ebook), botón de carrito con contador y acceso al sidebar del carrito.
- Sidebar del carrito que se despliega a la derecha, muestra lista de productos, subtotal y botón "Con

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

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

3.982 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 Header con logo, menú principal, dropdowns y botón carrito
1.2 Hero con título, descripción y llamados a la acción
1.3 Área de podcasts destacados con tarjetas y botón "Escuchar"
1.4 Sección de recursos (blog, ebook) en cuadrícula
1.5 Testimonios en carrusel
1.6 Formulario de suscripción al boletín
1.7 Footer con navegación secundaria, redes y datos de contacto

EPISODES

2.1 Header replicado
2.2 Lista de episodios en tarjetas con imagen, título, duración y botón reproducir
2.3 Paginación o carga incremental
2.4 Footer replicado