NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a complete single‑file website for the fictional brand **Estética Isla** (podcast platform with merch & subscription) using **HTML**, **Tailwind CSS CDN**, and **vanilla JavaScript**. The design must replicate the dark‑mode visual pattern of the source template while using original copy in Spanish (Spain).
**Palette**: Primary #1E1E2F, Secondary #2A2A3D, Accent #FF6B6B, Text Light #F5F5F5, Text Dark #CCCCCC, Background #111118.
**Typography**: Font‑Family 'Inter', sans‑serif for body; 'Playfair Display', serif for headings. Use Tailwind classes `font-sans` and `font-serif` accordingly.
**Header** (fixed top):
- Logo placeholder (70 px width) on the left.
- Cart button with item count badge on the right.
- Hamburger icon that toggles a full‑screen overlay menu.
- Use `flex`, `items
4.678 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.678 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, botón de carrito y acceso al menú overlay
- 1.2 Menú overlay a pantalla completa con enlaces principales y sección legal
- 1.3 Hero principal con título, descripción y llamada a acción
- 1.4 Bloque de destacados de episodios en presentación de tarjetas
- 1.5 Sección de planes de suscripción con cards comparativas
- 1.6 Testimonios de oyentes en carrusel sencillo
- 1.7 Footer con enlaces de navegación, redes y aviso legal
ABOUT
- 1.1 Header interno con breadcrumb
- 1.2 Texto descriptivo de la marca y misión
- 1.3 Equipo en grid de tarjetas
- 1.4 Call to action a suscripción
- 1.5 Footer
EPISODES
- 1.1 Lista de episodios en grid con filtros
- 1.2 Player embebido y descripción
- 1.3 Botón de compra de merch relacionado
- 1.4 Footer
PRICING
- 1.1 Tabla de precios con planes mensuales y anuales
- 1.2 Comparativa de beneficios
- 1.3 FAQ accordion
- 1.4 Footer
CONTACT
- 1.1 Formulario de contacto simple
- 1.2 Mapa ilustrativo y datos de contacto
- 1.3 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
