NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Estética Coral, un podcast sobre emprendedores creativos. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. No copiar ningún texto del original; generar contenido original en español de España.
**Paleta de colores**
- Primary: #FFB800 (sunray)
- Secondary: #2C3E50 (dark navy)
- Accent: #F5F5F5 (light grey)
- Text: #333333
- Background: #FFFFFF
**Tipografía**
- Heading: 'Inter', sans-serif; weight 700
- Body: 'Inter', sans-serif; weight 400
- Load from Google Fonts.
**Estructura**
- `<header>` con logo (texto EcoVoz), menú dividido en dos columnas (Episodes, About | Blog, Contact) y botón "Escucha ahora".
- `<section class="hero">` con grid 2 columnas: izquierda título grande "Conversaciones que impulsan
3.831 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.831 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 Cabecera con logo, menú dividido (Episodes, About, Blog, Contact) y botón de compra.
- 1.2 Hero con título destacado, texto de apoyo, CTA de suscripción y badges de Apple, Spotify, Google.
- 1.3 Episodio más nuevo destacado con número, portada, título, resumen y botón LISTEN Now.
- 1.4 Listado de últimos episodios en tarjetas con play button y número.
- 1.5 Sección "About The Show" con encabezado, texto, botón Learn More y dos imágenes decorativas.
- 1.6 Bloque de suscripción al newsletter.
- 1.7 Footer con enlaces rápidos, redes sociales, copyright.
EPISODES
- 2.1 Cabecera compartida.
- 2.2 Lista de episodios (grid) con filtros.
- 2.3 Footer compartido.
ABOUT
- 3.1 Cabecera compartida.
- 3.2 Texto descriptivo largo, imagen decorativa.
- 3.3 Footer compartido.
BLOG
- 4.1 Cabecera compartida.
- 4.2 Lista de artículos con extractos e imágenes.
- 4.3 Footer compartido.
CONTACT
- 5.1 Cabecera compartida.
- 5.2 Formulario de contacto (nombre, email, mensaje) y mapa.
- 5.3 Footer compartido.
PROMPTS RELACIONADOS · BEAUTY / SPA
