NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web única para la marca ficticia Panel Alba, una plataforma SaaS de podcasts. Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce la estructura y estilo del sitio analizado, sin copiar texto ni imágenes originales.
Paleta de colores: #1DB954 (verde principal), #0A0A0A (fondo oscuro), #F5F5F5 (texto claro), #FFFFFF (blanco), #E0E0E0 (gris neutro).
Tipografía: "Inter", sans‑serif para todo el texto; encabezados en peso 700, cuerpo en 400.
Header: barra fija, logo a la izquierda (texto Panel Alba en verde), menú de navegación centrado con enlaces Home, Podcasts, Blog, About Us, Contact, y un botón CTA "Escucha ahora" a la derecha. Menú colapsable en móvil con icono hamburguesa.
Sección hero: fondo gris oscuro, título grande "Descubr
3.726 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.726 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 Header con navegación, logo y CTA
- 1.2 Banner hero con titular, subtítulo, elemento destacado y botón
- 1.3 Carrusel de logos de partners
- 1.4 Sección "Últimos podcasts" con título, botón y tarjetas de contenido
- 1.5 Footer con enlaces, newsletter y redes sociales
ABOUT US
- 2.1 Header (reutilizado)
- 2.2 Hero interno con título y descripción
- 2.3 Equipo y valores en tarjetas
- 2.4 Footer
PODCASTS
- 3.1 Header
- 3.2 Lista de categorías y filtro
- 3.3 Grid de podcasts con miniatura, título, autor y botón reproducir
- 3.4 Footer
BLOG
- 4.1 Header
- 4.2 Lista de artículos con imagen, título, extracto y enlace
- 4.3 Sidebar con buscador y categorías
- 4.4 Footer
CONTACT US
- 5.1 Header
- 5.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.3 Mapa incrustado
- 5.4 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
