NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático llamado **Audio Delta** con el siguiente stack: HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Usa la paleta de colores principal #1F2937 (gris oscuro), #3B82F6 (azul), #FBBF24 (amarillo), #FFFFFF (blanco) y acentos #E5E7EB (gris claro). Tipografía: **Inter** para encabezados y cuerpo, peso 400‑600.
**Header**: barra de navegación fija, fondo blanco, sombra ligera. Logo a la izquierda (SVG placeholder). Menú horizontal con enlaces: About, Episodes, Reviews, Shop, Contact y botón destacado "Subscribe" con fondo azul y texto blanco. Incluye icono de carrito a la derecha que abre un sidebar derecho con resumen del carrito.
**Home sections** (enumerados en el campo "secciones"):
1. **Hero**: contenedor full‑width, fondo degradado azul‑gris, tít
4.100 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.100 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, enlaces y botón suscripción
- 2.1 Hero con título y reproductor principal
- 3.1 Grid de episodios (imagen, título, botón reproducir)
- 4.1 Carrusel de reseñas de oyentes
- 5.1 Sección de tienda con productos y botón "Añadir al carrito"
- 6.1 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 7.1 Footer con links, redes y datos de contacto
EPISODES
- 1.1 Lista de episodios con filtro por categoría
- 2.1 Reproductor embebido y descripción del episodio
- 3.1 Botón de compartir y sección de comentarios
REVIEWS
- 1.1 Listado de testimonios con foto, nombre y comentario
SHOP
- 1.1 Catálogo de productos en rejilla
- 2.1 Página de detalle de producto con galería y opción de talla/color
- 3.1 Carrito lateral con resumen y botón checkout
CONTACT
- 1.1 Formulario de contacto completo
- 2.1 Mapa incrustado de ubicación (opcional)
ABOUT
- 1.1 Información del podcast, foto del host y misión
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · PODCAST
