NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática con HTML, Tailwind CDN y JavaScript puro (single file) que reproduzca el diseño visual y la arquitectura de la siguiente web ficticia de podcast musical. Marca: Obra Vega, dominio obravega.com, claim "Conversamos sobre sonidos y recuerdos".
ALCANCE:
- Navbar sticky con logo SVG a la izquierda, enlaces a #Episodes, #Guest, #FAQ, #Contact y botón destacado "Patrocinarnos" (estilo primary). Burger menu para móviles.
- Hero sección (id="Start") con video de fondo autoplay, loop, muted y overlay oscuro. Texto centrado: gran título, subtítulo, fila de iconos sociales (Spotify, YouTube, Apple, SoundCloud) y botón "DESCARGAR" con icono de play.
- Bloque invitado (id="Guest") con imagen a la izquierda y texto a la derecha, fondo negro, tipografía blanca, título "¿Quién
4.454 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.454 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, enlaces y botón patrocinio
- 1.2 Hero de vídeo con titular, subtítulo, iconos sociales y botón descarga
- 1.3 Bloque invitado (imagen + texto)
- 1.4 Episodios recientes (lista de tarjetas con imagen, número, título, botones)
- 1.5 Sección patrocinadores (vídeo de fondo, mensaje y botón)
- 1.6 Footer (links, redes, email)
EPISODES
- 2.1 Lista de episodios (misma estructura que en home, sin hero ni bloque invitado)
CONTACT
- 3.1 Formulario de contacto sencillo (campo nombre, email, mensaje, botón enviar)
- 3.2 Información de contacto y mapa estático
PROMPTS RELACIONADOS · ARCHITECTURE
