NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para **EcoVoz Estudios**, una startup SaaS de podcasts. Usa HTML estático con TailwindCSS (CDN) y JavaScript vanilla en un solo archivo. Emplea la siguiente paleta de colores: #1A202C (gris oscuro), #2D3748 (gris medio), #4A5568 (gris claro), #F6E05E (amarillo vibrante), #EDF2F7 (blanco gris). Tipografía: Inter para encabezados y texto, tamaño base 16px, peso 400, encabezados con peso 600.
**Estructura**:
- **Header** fijo, fondo #1A202C, logo SVG ficticio a la izquierda, menú hamburguesa a la derecha que abre overlay con enlaces multicolumna (Home, About, Episodes, Hosts, Blog, Contact, Subscribe, Style Guide, Licensing, Changelog). En desktop los enlaces aparecen en fila con puntos indicados por .nav-dot.
- **Hero** centrado, fondo degradado desde #2D3748 a
4.104 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.104 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 Barra de navegación fija con logo, menú hamburguesa y enlaces multicolumna
- 1.2 Hero principal con título grande, descripción breve y botones de acción
- 1.3 Área de demostración con ilustraciones de dispositivos y contadores de cifras
- 1.4 Sección de enlaces a versiones de Home en tarjetas con imagen y nombre
- 1.5 Sección de enlaces a versiones de About en tarjetas similares
- 1.6 Footer con enlaces secundarios y botones de estilo guía, licencia y changelog
ABOUT
- 2.1 Título de sección "About version" y subtítulo
- 2.2 Grid de tarjetas que enlazan a versiones About con miniaturas y nombres
CONTACT
- 3.1 Formulario de contacto simple (nombre, email, mensaje) y botón de envío
- 3.2 Información de contacto y mapa estático
BLOG
- 4.1 Listado de artículos en tarjetas con imagen, título, extracto y botón "Leer más"
- 4.2 Paginación al fondo
EPISODES
- 5.1 Lista de episodios con portada, número, título y botón de reproducción
- 5.2 Filtros por categoría y búsqueda
HOSTS
- 6.1 Tarjetas de presentadores con foto, nombre, bio corta y enlaces a redes sociales
- 6.2 Sección destacada de host principal
SUBSCRIBE
- 7.1 Formulario de suscripción al newsletter con email y botón
- 7.2 Beneficios de suscribirse en lista de viñetas
Imagen generada con OpenAI · gpt-image-2 · 25/06/2026
PROMPTS RELACIONADOS · SAAS / STARTUP
