NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático llamado Ondas Alba (ondasalba.com) para una plataforma de podcasts. Usa HTML5, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Paleta de colores: #1E1E2F (fondo oscuro), #F5F5F5 (texto claro), #FF6B6B (accento rojo), #4ECDC4 (accento turquesa), #FFFFFF (blanco). Tipografía: Inter (Google Fonts) para títulos y cuerpo.
HEADER (fijo, altura 80px, flex, justificado entre logo y nav):
- Logo SVG de forma circular con texto "Ondas Alba" en blanco.
- Menú horizontal con enlaces: Home, About, Hosts, Episodes, Contact, Blog. En estado activo subrayado.
- Botón de "Suscribirse" con borde rojo y hover fondo rojo, texto blanco.
- Menú colapsable en móvil (hamburguesa).
HERO SECTION (full viewport height, centrado vertical):
- Contador animado grande "+120M" con
4.474 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.474 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 con logo, menú y botón Suscribirse
- 1.2 Contadores de usuarios (ej. +120M) con iconografía
- 1.3 Título destacado "Descubre y escucha tus podcasts favoritos"
- 1.4 Texto bajo el título describiendo la propuesta de valor
- 1.5 Botón CTA "Empieza a escuchar"
- 1.6 Imágenes decorativas de usuarios alrededor del contador
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Sección de presentación con texto e imagen
- 2.3 Valores o misión en tarjetas
HOSTS
- 3.1 Cabecera reutilizada
- 3.2 Grid de presentaciones de presentadores con foto, nombre y breve bio
EPISODES
- 4.1 Cabecera reutilizada
- 4.2 Lista de episodios con imagen, título, duración y botón reproducir
CONTACT
- 5.1 Cabecera reutilizada
- 5.2 Formulario de contacto (nombre, email, mensaje) y mapa estático
BLOG
- 6.1 Cabecera reutilizada
- 6.2 Grid de artículos con imagen, título y extracto
FOOTER (presente en todas las páginas)
- Enlaces rápidos (Home, About, Hosts, Episodes, Contact, Blog)
- Iconos de redes sociales
- Información legal y copyright
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 10/07/2026
PROMPTS RELACIONADOS · PODCAST
