NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CDN y JavaScript vanilla en un único archivo. La marca se llama SonoraWave (dominio sonorawave.com, claim "Conectamos voces con oyentes", email hola@sonorawave.com, año 2026). La web pertenece a la categoría "Podcast".
Paleta de colores:
- #0A0A0A (fondo negro profundo)
- #FFFFFF (texto blanco)
- #1DB954 (verde destacado)
- #E0E0E0 (gris claro para fondos secundarios)
- #F7F7F7 (gris muy claro para tarjetas)
Tipografía:
- Fuente principal: "Inter" (weight 400/600) para cuerpo y botones.
- Fuente de títulos: "Poppins" (weight 700) para encabezados.
Estructura:
1. Header fijo con logo a la izquierda y menú de navegación horizontal (Home, Host, Episodes, Blog, Contact). En móvil, colapsar a un icono hamburguesa que despliega un off‑canvas
4.291 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.291 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 Hero con título, subtítulo, botón "Último episodio" y botón "Suscríbete"
- 2.1 Bloque "Sobre nosotros" con título, texto descriptivo, botón "Más sobre nosotros" y dos datos estadísticos
- 3.1 Carrusel de podcasts destacados con tarjetas que incluyen categoría, título, icono de reproducción y metadata
- 4.1 Footer con logo, enlaces de navegación (Home, Host, Episodes, Blog, Contact), enlaces legales y redes sociales
ABOUT US
- 1.1 Página estática con encabezado y contenido ampliado del bloque "Sobre nosotros" de la home
HOST
- 1.1 Lista de hosts con foto, nombre y breve biografía
EPISODES
- 1.1 Lista de episodios con filtro por categoría, miniatura, título y botón de reproducción
EPISODE DETAILS
- 1.1 Detalle del episodio seleccionado con reproductor, descripción y enlaces de compartir
BLOG
- 1.1 Lista de artículos del blog con imagen, título y extracto
POST DETAIL
- 1.1 Artículo completo con encabezado, contenido y sección de comentarios
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
PROMPTS RELACIONADOS · PODCAST
