NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a single‑file responsive website using HTML, Tailwind CDN and vanilla JS that reproduces the visual pattern of the provided source site for the fictitious brand VozNube (voznube.com). The site is a SaaS landing page for podcasters.
---
**Brand**: VozNube – simple tools for producing and sharing audio content.
**Palette**: Primary #0D3B66 (deep navy), Secondary #FA8334 (vibrant orange), Accent #F4D35E (warm yellow), Light #F5F5F5 (soft grey), Dark #222222 (text).
**Typography**: Headings – 'Inter', font‑weight 700; Body – 'Inter', font‑weight 400. Use Tailwind classes `font-sans`, `text-lg`, `text-2xl` etc.
**Header**: Fixed top bar, logo left, navigation links (Home, About, Episodes, Blog, Contact), dropdown "Pages" with secondary links, right‑aligned buttons "Log in" (secondary st
4.142 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.142 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 logo, menú principal y botones de login/subscribe
- 1.2 Hero con título, subtítulo, CTA y métricas
- 1.3 Logos de confianza en carrusel
- 1.4 Sobre VozNube (texto + imagen)
- 1.5 Últimos episodios (tarjetas con imagen, título, fecha)
- 1.6 Footer con enlaces, newsletter y redes sociales
ABOUT
- 1.1 Header reutilizado
- 1.2 Banner interno con título "Sobre VozNube"
- 1.3 Historia y misión (texto + imagen)
- 1.4 Equipo (tarjetas con foto y nombre)
- 1.5 Footer
EPISODES
- 1.1 Header reutilizado
- 1.2 Lista de episodios (grid con imagen, título, descripción breve)
- 1.3 Paginación
- 1.4 Footer
BLOG
- 1.1 Header reutilizado
- 1.2 Lista de artículos (tarjetas con imagen, título, extracto)
- 1.3 Sidebar con categorías y suscripción
- 1.4 Footer
CONTACT
- 1.1 Header reutilizado
- 1.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 1.3 Mapa estático
- 1.4 Footer
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · PODCAST
