NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Marca ficticia: AulaLibre (plataforma educativa con tienda de recursos). Paleta: #0A2240 (azul oscuro), #1E88E5 (azul brillante), #F5F7FA (gris muy claro), #FFFFFF (blanco), #FFB300 (amarillo accent). Tipografía: Inter (cargada de Google Fonts) para todo el texto, encabezados con peso 700, párrafos con peso 400.
Estructura:
- Header: barra fija con logo a la izquierda, menú horizontal con ítems Home, About, Courses, Shop, Blog, Contact. Cada ítem que tenga sub‑menú despliega un mega‑menu con columnas de enlaces (usar datos ficticios). A la derecha, botón “Admission” con estilo contorno blanco y botón carrito con contador.
- Hero: sección a pantalla completa, fondo azul oscuro, título grande
3.888 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.888 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 con logo, mega‑menu y botón de carrito
- 1.2 Hero principal con título, subtítulo y botones
- 1.3 Cuadrícula de cursos destacados
- 1.4 Sección de ventajas/beneficios con iconos
- 1.5 Testimonios en carrusel
- 1.6 Llamado a la inscripción a la newsletter
- 1.7 Footer con enlaces, redes y datos de contacto
ABOUT
- 2.1 Encabezado con imagen y texto descriptivo
- 2.2 Misión, visión y valores en tarjetas
- 2.3 Equipo docente en cuadrícula
- 2.4 CTA a contactar
COURSES
- 3.1 Listado de categorías de cursos
- 3.2 Filtro y búsqueda
- 3.3 Tarjetas de curso con precio y botón
- 3.4 Paginación
SHOP
- 4.1 Banner promocional
- 4.2 Grid de productos con imágenes y precios
- 4.3 Detalle de producto con galería y carrito
CONTACT
- 5.1 Formulario de contacto con mapa integrado
- 5.2 Información de sede y horario
BLOG
- 6.1 Lista de artículos con imágenes y extractos
- 6.2 Sidebar con categorías y últimos posts
- 6.3 Página detalle de artículo con comentarios
PROMPTS RELACIONADOS · EDUCACIÓN
