NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Spa Andina** (spaandina.com), un podcast de contenido cultural y creativo. Usa **HTML estático + Tailwind CDN + JavaScript vanilla** en un único archivo.
**Alcance:** replicar la estructura y estilo de la página de ejemplo, pero con contenido totalmente nuevo y en español de España. No copiar textos ni imágenes; usar placeholders genéricos (ej. /img/hero.jpg, /img/episode-1.jpg) y textos inventados siguiendo los patrones detectados.
**Paleta de colores:**
- Fondo principal: #F9FAFB (gris muy claro)
- Texto principal: #1F2937 (gris oscuro)
- Elementos acentuados: #3B82F6 (azul vibrante)
- Botón primario fondo: #2563EB
- Botón primario texto: #FFFFFF
- Botón secundario borde: #3B82F6 y texto #3B82F6
- Sombra y overlay: rgba(0,0,0,0.2)
*
4.260 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.260 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 Barra de navegación fija con logo, menú y botón suscripción.
- 2.1 Hero con título, video, descripción, botón episodios y lista de plataformas.
- 3.1 Marquee de plataformas (Google Podcast, Soundcloud, Pocket Casts, Apple Podcasts, Spotify).
- 4.1 Rejilla de episodios recientes (tarjeta con imagen, número, duración, título, host, botón play y enlaces de escucha).
- 5.1 Footer con formulario de suscripción y enlaces sociales.
EPISODE
- 1.1 Cabecera similar a la de Home.
- 2.1 Detalle del episodio: imagen destacada, título, descripción larga, reproductor embed.
- 3.1 Información del host y botones de escucha en diferentes plataformas.
- 4.1 Sección de episodios relacionados.
ABOUT
- 1.1 Cabecera y menú.
- 2.1 Texto descriptivo del podcast, fotos del equipo.
- 3.1 Llamada a la acción de suscripción.
CONTACT
- 1.1 Cabecera.
- 2.1 Formulario de contacto simple (nombre, email, mensaje).
- 3.1 Información de contacto y redes sociales.
PROMPTS RELACIONADOS · BEAUTY / SPA
