NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Store Zenit, una plataforma de podcasts y venta de paquetes digitales. Utiliza HTML5 y Tailwind CSS vía CDN, con interactividad mínima en JavaScript vanilla (menú móvil, dropdowns y apertura de carrito modal).\n\n**Paleta de colores**: Primary #1E3A8A (azul profundo), Secondary #10B981 (verde esmeralda), Accent #F59E0B (ámbar), Background #F9FAFB (gris muy claro), Text #111827 (gris casi negro).\n\n**Tipografía**: Google Font 'Inter' para todo el texto, con headings en weight 700 y body en weight 400.\n\n**Header**: barra fija con logo a la izquierda, menú principal centrado (Home, About, Episodes, Packages, Blog, Contact) con dropdowns para "Pages" (incluye enlaces a Host, Sponsors, Reviews, Utility pages). Botón de carrito a la derecha
4.006 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.006 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 Encabezado con logo, menú principal, dropdowns y botón de carrito
- 2.1 Hero principal con título, subtítulo y botones de acción
- 3.1 Bloque de presentación de podcast (texto y visual)
- 4.1 Galería de episodios destacados en grid
- 5.1 Sección de paquetes de suscripción con tarjetas y precios
- 6.1 Área de patrocinadores con logos en carrusel estático
- 7.1 Testimonios de oyentes en formato cards
- 8.1 Llamado a la suscripción al newsletter
- 9.1 Pie de página con navegación secundaria, redes y datos de contacto
ABOUT
- 1.1 Encabezado (reutiliza del Home)
- 2.1 Texto institucional con foto del equipo
- 3.1 Valores y misión en columnas
- 4.1 CTA para conocer más paquetes
CONTACT
- 1.1 Encabezado
- 2.1 Formulario de contacto sencillo
- 3.1 Información de soporte y mapa integrado
EPISODES
- 1.1 Encabezado
- 2.1 Lista de episodios en cards con reproductor embed
- 3.1 Filtros por categoría y búsqueda
PACKAGES
- 1.1 Encabezado
- 2.1 Grid de paquetes con descripción, precio y botón "Comprar"
- 3.1 FAQ de suscripciones
BLOG
- 1.1 Encabezado
- 2.1 Grid de artículos con imágenes y extractos
- 3.1 Barra lateral con categorías y suscripción al boletín
PROMPTS RELACIONADOS · E-COMMERCE
