NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML que reproduzca el diseño analizado, usando Tailwind CSS vía CDN y JavaScript vanilla. Marca ficticia: Armonía Delta (plataforma de podcasts).
### Paleta de colores
- #0A0A0A (fondo principal negro profundo)
- #FFFFFF (texto principal blanco)
- #FF6B6B (accento rojo‑coral para botones y destacados)
- #1E1E1E (gris oscuro para secciones internas)
- #F5F5F5 (gris muy claro para fondos de tarjetas)
### Tipografía
- Font Family: 'Inter', sans‑serif (cargar desde Google Fonts). Usar peso 400 para cuerpo, 600 para subtítulos y 700 para títulos.
### Estructura
1. **Header** fijo, fondo semi‑transparente negro, logo a la izquierda, botón "Get Started" a la derecha y menú hamburguesa que abre un overlay vertical con enlaces: Home, About Us, Epis
4.686 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.686 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, botón de inicio y menú hamburguesa
- 2.1 Hero con título, texto, botón primario y imagen paralax
- 3.1 About con imagen, título, descripción y tres contadores
- 4.1 Carrusel de logos de partners
- 5.1 Episodes grid con tarjetas de episodios
- 6.1 Shows grid (placeholder)
- 7.1 Reviews carousel (placeholder)
- 8.1 Blog preview grid (placeholder)
- 9.1 Footer con enlaces y redes sociales
ABOUT
- 1.1 Imagen principal
- 1.2 Título y subtítulo
- 1.3 Texto descriptivo
- 1.4 Contadores de métricas
EPISODES
- 1.1 Tarjeta de episodio: imagen, categoría, título, duración, icono de reproducción
SHOWS
- 1.1 Tarjeta de show (similar a episodio)
REVIEWS
- 1.1 Testimonial card con foto, nombre y comentario
BLOG
- 1.1 Entrada de blog con imagen, título y extracto
FOOTER
- 1.1 Logo y claim
- 1.2 Enlaces de navegación principal
- 1.3 Íconos sociales
- 1.4 Información de contacto
PROMPTS RELACIONADOS · BEAUTY / SPA
