NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Create a complete single‑file website for the fictitious brand **Aprende360** (educación online) using **HTML**, **Tailwind CSS CDN**, and **vanilla JavaScript**. The site must reproduce the visual patterns and structure of the source template without copying any literal text.
---
### General
- Language: Spanish (ES)
- Charset UTF‑8, viewport meta responsive
- Include Tailwind via `<script src="https://cdn.tailwindcss.com"></script>` and configure a custom color palette (see below).
- Use Google Font **Inter** for body text and **Playfair Display** for headings.
- All interactive components (dropdown menu, cart dropdown, carousel) must be built with plain JavaScript (no libraries).
---
### Palette & Typography
```json
{
"primary": "#1E3A8A", // indigo‑900
"secondary": "#F59E0B", //
5.263 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.263 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 superior con contacto y llamado a ser instructor
- 2.1 Cabecera (logo, menú, buscador, iconos de usuario y carrito)
- 3.1 Hero con título, descripción y botón principal
- 4.1 Sección de ventajas con iconos y textos breves
- 5.1 Cuadrícula de cursos destacados
- 6.1 Testimonios en carrusel sencillo
- 7.1 Llamado a la acción para registrarse como instructor
- 8.1 Footer con enlaces, redes y datos de contacto
ABOUT
- 1.1 Sub‑hero con fotografía y texto institucional
- 2.1 Valores y misión en columnas
- 3.1 Equipo con tarjetas de instructor
- 4.1 CTA para descargar folleto
BLOG
- 1.1 Lista de artículos en formato tarjeta
- 2.1 Sidebar con categorías y newsletter
COURSES GRID
- 1.1 Filtro de categorías y buscador
- 2.1 Grid de tarjetas de curso con imagen, título, autor y precio
COURSES LIST
- 1.1 Lista vertical de cursos con miniatura, descripción y botón "Ver más"
INSTRUCTORS
- 1.1 Grid de perfiles de instructores con foto, nombre y bio corta
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 2.1 Mapa integrado y datos de oficina
PROMPTS RELACIONADOS · EDUCACIÓN
