NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página (HTML con Tailwind CDN y JavaScript vanilla) para la marca ficticia **Spa Jade** (podcast de conversaciones culturales). Utiliza la siguiente paleta de colores: fondo #0A0A0A, texto principal #F5F5F5, acento rojo #E63946, gris intermedio #555555, blanco #FFFFFF. Tipografía principal: 'Inter', sans‑serif, importada desde Google Fonts; usar pesos 400 y 700.
**Estructura y bloques**
1. **Header / Hero**: fondo con imagen ilustrada a pantalla completa (usar placeholder https://picsum.photos/seed/hero/1440/900). Logo de texto "Spa Jade" en mayúsculas, color blanco, tamaño grande. Menú hamburguesa a la derecha que, al clic, despliega un overlay vertical con enlaces: "Episodios", "Sobre mí", "Estadísticas", "Contacto". Debajo del logo, subtítulo "Con
4.936 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.936 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 Hero con imagen de fondo, logo y menú hamburguesa
- 1.2 Presentación del host y llamado a plataformas de audio
- 1.3 Listado de episodios con tarjetas de imagen y botón reproducir
- 1.4 Sobre el host con bloques de texto e imágenes decorativas
- 1.5 Métricas mensuales (oyentes, episodios, tendencia) y botón de episodio destacado
- 1.6 Testimonios en pestañas con foto, cita y nombre
- 1.7 Footer minimalista con enlaces sociales y suscripción
EPISODIOS
- 2.1 Página de listado de episodios (grid de tarjetas, filtros por número)
- 2.2 Detalle de episodio (título, reproductor embebido, descripción, notas)
SOBRE
- 3.1 Página "Sobre mí" con biografía extendida, foto y enlaces a redes
METRICAS
- 4.1 Página de estadísticas públicas (oyentes, suscriptores, ranking)
TESTIMONIOS
- 5.1 Página de testimonios completos con opción de envío de reseña
CONTACTO
- 6.1 Formulario de contacto simple y datos de email
PROMPTS RELACIONADOS · BEAUTY / SPA
