NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Campus Andina (campusandina.com), una plataforma de podcasts para emprendedores creativos. Usa exclusivamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Mantén la estructura y estilo del diseño analizado:
- **Paleta de colores**: #FFFFFF (blanco), #F5F5F5 (gris muy claro), #1A202C (gris oscuro), #FF7A59 (naranja vibrante, accent).
- **Tipografía**: Inter (sans) para cuerpo, Playfair Display para encabezados.
- **Header**: barra fija con logo a la izquierda, menú de 4 enlaces (Episodios, Sobre el programa, Blog, Contacto) centrado, botón destacado "Comprar plantilla" a la derecha en color accent. Incluye menú móvil hamburguesa.
- **Hero**: sección a pantalla completa, grid de dos columnas. Izquierda: título gran
4.148 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.148 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 y botón de compra
- 1.2 Hero principal con título, descripción, botones de plataformas y imagen ilustrativa
- 1.3 Bloque del episodio más reciente con número, portada y botón de escucha
- 1.4 Rejilla de últimos episodios con miniaturas, títulos y botones de reproducción
- 1.5 Sección “Sobre el programa” con texto explicativo, botón “Aprender más" y dos imágenes decorativas
- 1.6 Bloque de suscripción al boletín con formulario sencillo
EPISODES
- 2.1 Lista de episodios con filtro y paginación
- 2.2 Cada episodio muestra miniatura, título, número y botón de reproducción
ABOUT
- 3.1 Información del programa, historia y equipo
- 3.2 Imagen de cabecera y llamada a acción
BLOG
- 4.1 listado de artículos del blog con título, extracto e imagen
CONTACT
- 5.1 formulario de contacto simple con campos nombre, email y mensaje
FOOTER
- 6.1 enlaces de navegación secundaria, redes sociales y datos de contacto
PROMPTS RELACIONADOS · EDUCATION
