NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **App Vega**, una plataforma SaaS para podcasts. Usa **HTML único**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Reproduce el diseño analizado:
- **Paleta de colores**: fondo #ffffff, texto principal #111111, acentos #0d6efd (azul), gris suave #f8f9fa, bordes #e9ecef.
- **Tipografía**: Inter (sans-serif) para todo el sitio, con pesos 400 y 600.
- **Header**: barra fija con logo (texto App Vega) a la izquierda, menú hamburguesa a la derecha que abre overlay con enlaces: Home, About, Episodes, Hosts, Blog, Contact, Style Guide, Licensing, Changelog. Dots animados al pasar el ratón.
- **Hero**: contenedor centrado, título grande (font‑weight 600, 3rem), subtítulo (1.125rem), dos botones: primaria (relleno azul) y se
3.449 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.449 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 y menú hamburguesa
- 2.1 Hero con título, subtítulo y botones CTA
- 3.1 Área de estadísticas con iconos y números
- 4.1 Galería de versiones de la página Home
- 5.1 Galería de versiones de la página About
- 6.1 Footer con enlaces a estilo, licencia y changelog
ABOUT
- 1.1 Header idéntico al Home
- 2.1 Hero adaptado a la sección About
- 3.1 Bloque de contenido con texto e imagen
- 4.1 Lista de características
- 5.1 Footer idéntico al Home
EPISODES
- 1.1 Header
- 2.1 Lista de episodios en grid responsive
- 3.1 Filtros y búsqueda
- 4.1 Footer
HOSTS
- 1.1 Header
- 2.1 Grid de presentadores con foto y bio breve
- 3.1 CTA para seguir en redes
- 4.1 Footer
BLOG
- 1.1 Header
- 2.1 Lista de artículos con imágenes y extractos
- 3.1 Paginación
- 4.1 Footer
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto sencillo
- 3.1 Información de contacto y mapa
- 4.1 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 28/06/2026
PROMPTS RELACIONADOS · SAAS / STARTUP
