NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página usando HTML, Tailwind CSS CDN y JavaScript vanila. La marca es Voz Zenit (dominio vozzenit.com, claim "Conversaciones que inspiran"). Tema visual: paleta principal #1A202C (gris oscuro), acentos #F56565 (rojo coral), #38B2AC (turquesa), fondos #F7FAFC (gris muy claro). Tipografía: "Inter" para títulos (font-weight 700) y "Source Sans Pro" para cuerpo (font-weight 400).
Estructura:
- <header class="fixed top-0 inset-x-0 bg-white shadow-md flex items-center justify-between px-6 py-3 z-50"> con logo SVG, menú horizontal (About, Episodes, Reviews, Shop, Contact, Subscribe) y botón de carrito con contador.
- Hero sección (#hero) con contenedor centrado, título grande (text-5xl font-bold), subtítulo y reproductor de audio estilo tarjeta con imagen
4.183 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.183 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 fija con logo, menú y carrito
- 1.2 Hero con título y reproductor
- 1.3 Sobre nosotros
- 1.4 Episodios destacados
- 1.5 Reseñas de oyentes
- 1.6 Tienda de merchandising
- 1.7 Suscripción al boletín
- 1.8 Footer con enlaces y redes
ABOUT
- 1.1 Información ampliada de la historia del podcast
- 1.2 Imagen de presentación
EPISODES
- 1.1 Lista de episodios con imagen, título, descripción corta y botón reproducir
- 1.2 Paginación
REVIEWS
- 1.1 Carrusel de testimonios con foto, nombre y comentario
SHOP
- 1.1 Tarjetas de producto con imagen, nombre, precio y botón "Añadir al carrito"
- 1.2 Filtro por categoría
CONTACT
- 1.1 Formulario de contacto (nombre, email, mensaje)
- 1.2 Mapa incrustado
SUBSCRIBE
- 1.1 Formulario simple de captura de email
- 1.2 Mensaje de confirmación
PROMPTS RELACIONADOS · PODCAST
