NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia Compras Nimbo, una plataforma de podcasts, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce el diseño analizado:
- Paleta de colores: fondo #FFFFFF, primario #1A73E8, secundario #F4B400, texto principal #212121, texto secundario #555555.
- Tipografía: Roboto (Google Fonts) para títulos y cuerpo, peso 400/500/700.
- Header: barra fija con logo SVG a la izquierda, menú horizontal (Episodios, Acerca, Hosts, Suscripción, Blog, Contacto) y botón de carrito que abre modal. Menú colapsable en móvil con icono hamburger.
- Hero: sección llena de pantalla con fondo claro, rejilla de 3 tarjetas de episodio destacado (imagen, título, breve descripción, botón "Reproducir"). Animación fade‑in al hacer scroll.
- Bloque 3:
3.546 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.546 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, navegación principal y botón de carrito.
- 2.1 Hero con rejilla de episodios destacados y botón de reproducción.
- 3.1 Sección de características resaltando beneficios del servicio.
- 4.1 Testimonios de oyentes en carrusel.
- 5.1 Llamado a la suscripción al newsletter.
- 6.1 Footer con enlaces institucionales y redes sociales.
EPISODES
- 1.1 Listado de episodios en cuadrícula con filtros.
- 2.1 Paginación y barra lateral de categorías.
ABOUT
- 1.1 Información corporativa y misión.
- 2.1 Equipo con fotos y breves biografías.
HOSTS
- 1.1 Perfiles de hosts con foto, bio y episodios asociados.
SUBSCRIBE
- 1.1 Formulario de suscripción a planes premium.
- 2.1 Tabla comparativa de beneficios.
BLOGS
- 1.1 Lista de artículos del blog con imágenes y extractos.
CONTACT
- 1.1 Formulario de contacto con campos nombre, email y mensaje.
- 2.1 Mapa de ubicación y datos de contacto.
CART (modal)
- 1.1 Resumen de productos en el carrito, cantidades y precios.
- 2.1 Botón de checkout y opciones de pago.
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO