NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia **Sonora Loop** (dominio sonoraloop.com) utilizando **HTML + Tailwind CDN + JavaScript vanilla** en un solo archivo. Replicar el diseño visual y estructural del template analizado, sin copiar textos ni imágenes originales.
**Alcance**: páginas Home, About, Episodes, Blog, Contact. Incluye un header fijo con logotipo, enlaces de navegación (About, Episodes, Blog, Contact) y un dropdown "Escuchar en" con iconos de Spotify, Google Podcast, Apple Podcast. Footer con formulario de suscripción (campo email, botón) y enlaces de navegación.
**Paleta de colores**:
- #ff6673 (rojo coral)
- #0c59f2 (azul eléctrico)
- #2c2c2c (gris oscuro para texto)
- #f7f7f7 (gris claro fondo)
- #ffffff (blanco)
**Tipografía**: Inter (Google Fonts) para títulos y
4.524 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.524 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 con logotipo, enlaces y menú desplegable de plataformas
- 1.2 Hero con animación Lottie y mensaje principal
- 1.3 Bloque de llamado a la acción con iconos de apps de escucha
- 1.4 Sección "Último episodio" con tarjeta de episodio, categoría, fecha y botón de reproducción
- 1.5 Bloque "Sobre nosotros" con imagen a la izquierda y texto descriptivo a la derecha, botón de descubrimiento y overlay de play
- 1.6 Listado de episodios recientes en formato grid con imágenes, categoría y botón de escucha
- 1.7 Footer con formulario de suscripción y enlaces de navegación
ABOUT
- 2.1 Header compartido (heredado)
- 2.2 Título de la página y texto institucional
- 2.3 Imagen destacada y bloque de misión
- 2.4 Equipo con tarjetas de miembros
- 2.5 CTA para contactar
EPISODES
- 3.1 Header compartido
- 3.2 Lista de episodios en cuadrícula con categoría, imagen, título y botón escuchar
- 3.3 Paginación simple
BLOG
- 4.1 Header compartido
- 4.2 Lista de artículos con extracto, imagen y enlace "Leer más"
CONTACT
- 5.1 Header compartido
- 5.2 Formulario de contacto (nombre, email, mensaje)
- 5.3 Información de contacto y mapa embed
PROMPTS RELACIONADOS · BELLEZA / SPA
