NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **AulaPixel** (plataforma de cursos online) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Emplea la siguiente paleta de colores: primario #1E3A8A (azul marino), secundario #F59E0B (ámbar), acento #10B981 (verde esmeralda), fondo #F9FAFB (gris muy claro), texto principal #111827 (gris casi negro), texto secundario #6B7280 (gris medio). Usa la tipografía **Inter** para títulos y **Roboto** para cuerpo, ambas vía Google Fonts.
### Estructura y componentes
1. **Header (navbar)** – barra fija, logo con icono SVG simple, enlaces: Cursos, Instructores, Testimonios, Precios, Contacto y botón primario "Inscríbete ahora". En móviles, colapsa a hamburguesa con animación de Lottie simple.
2. **Hero sect
3.972 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.972 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, enlaces y botón primario
- 1.2 Hero principal con badge, subtítulo, título, párrafo descriptivo y dos botones
- 1.3 Bloque de reseñas con fotos de usuarios, rating de estrellas y texto de confianza
- 1.4 (Opcional) Cuadrícula de cursos destacados
- 1.5 Footer con enlaces de navegación, política y contactos
COURSES
- 2.1 Lista de cursos en tarjetas con imagen, título, instructor y botón "Más info"
- 2.2 Filtro de categorías y búsqueda
INSTRUCTOR
- 3.1 Perfil del instructor con foto, biografía y lista de cursos asociados
TESTIMONIALS
- 4.1 Carrusel de testimonios con foto, nombre y comentario
PRICING
- 5.1 Tabla de planes con precios, características y botón de compra
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 6.2 Información de contacto y mapa integrado
PROMPTS RELACIONADOS · EDUCACIÓN
