BELLEZA / SPA · Claude Design · HTML

Salon Austral — Prompt de diseño web para Claude AI

★★★★★4,7 3.618 descargas

Plataforma de podcasts y contenidos de audio sobre sostenibilidad Historias auditivas que inspiran al cambio.

↓ 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 Salon Austral (salonaustral.com), una plataforma de podcasts de sostenibilidad. Usa HTML5 + Tailwind CSS CDN + JavaScript vanilla en un solo archivo. Emplea la paleta: #1A202C (casi negro), #2D3748 (gris oscuro), #4A5568 (gris medio), #F7FAFC (blanco), #38A169 (verde esmeralda), #68D391 (verde claro). Tipografía principal: 'Inter', sans‑serif; encabezados en 'Playfair Display' para contraste.

Estructura:
- <header class="fixed w-full bg-white shadow"> con logo Salon Austral, menú horizontal (Home, Sobre, Episodios, Blog, Contacto) y botón CTA "Escuchar ahora" visible en escritorio; menú hamburguesa en móvil.
- **Sección 1.1 Hero**: fondo con tres imágenes de podcast en disposición asimétrica, título h1 "Historias auditivas que inspiran al 

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

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

3.584 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 Cabecera hero con título, botón CTA y collage de imágenes animadas
1.2 Carrusel de logos de marcas colaboradoras
1.3 Bloque de estadísticas clave (episodios, descargas, suscriptores, años)
1.4 Presentación “Sobre nosotros” con texto y botón de profundizar
1.5 Footer con enlaces a Home, Sobre, Contacto, Blog, Episodios y datos de contacto