NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web ficticio para la marca "Educa Andina" (dominio educaandina.com) siguiendo el estilo visual de la plantilla analizada. Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #1DB954 (verde brillante), #F5F5F5 (gris claro) y #FF5A5F (rojo coral para acentos). Tipografía: Inter para encabezados y body, tamaño base 16px.
Estructura requerida:
- **Header** fijo con logo a la izquierda, menú horizontal (Inicio, Episodios, Reseñas, Blog, Contacto), dropdown "Escuchar en" con Apple, Google y Spotify, y botón destacado "Comprar".
- **Hero** ocupando pantalla completa: título grande, subtítulo, botones "Suscribirse" (relleno verde) y "Último episodio" (contorno), barra de estadísticas (List
3.839 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.839 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, menú principal, dropdown "Listen on" y botón de compra
- 1.2 Hero: título, descripción, botones (Suscribirse, Último episodio), números de oyentes y suscriptores, badges de plataformas, visual decorativo
- 1.3 Grid de categorías (Health Care, Technology, Fashion, Self Growth, Business)
- 1.4 Sección de ventajas: lista de tres ítems con icono y texto, acompañada de ilustraciones
- 1.5 Últimos episodios: encabezado, subtítulo, botón "All Episodes", filtros de categoría, cuadrícula de cards de episodios con portada, fecha, duración y botón de reproducción
- 1.6 Footer: links a secciones, redes sociales y datos de contacto
EPISODES
- 2.1 Lista de episodios con filtros por categoría, barra lateral y reproductor integrado
REVIEWS
- 3.1 Grid de reseñas de usuarios y medios, con estrellas y testimonios
BLOG
- 4.1 Lista de artículos del blog con imágenes destacadas, extractos y enlaces
CONTACT
- 5.1 Formulario de contacto simple, información de email y redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
