NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo (HTML único) usando Tailwind CSS CDN y JavaScript vanilla que reproduzca el diseño institucional de Escuela Atlas, una plataforma educativa ficticia. Incluir:
- Paleta de colores: #1E3A8A (azul profundo), #3B82F6 (azul brillante), #F3F4F6 (gris claro de fondo), #111827 (gris casi negro para texto), #10B981 (verde para botones de acción).
- Tipografía: Inter (Google Fonts) para cuerpo y títulos, peso 400‑700.
- Header fijo con logo (icono circular), menú horizontal con enlaces Home, About, Courses, Events, Blog, Contact y botón destacado "Inscríbete ahora". Añadir icono de carrito que muestra número de items.
- Hero sección: fondo de imagen a pantalla completa con overlay azul, título grande "Aprende sin límites", subtítulo, botón principal "Explora curso
3.827 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.827 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, navegación principal, botón "Inscríbete ahora" y carrito
- 2.1 Hero con título destacado, subtítulo y botón principal
- 3.1 Bloque de estadísticas contador (estudiantes, cursos, profesores)
- 4.1 Cuadrícula de cursos destacados con imagen, título y botón "Ver más"
- 5.1 Sección de eventos próximos con tarjetas estilo agenda
- 6.1 Testimonios en carrusel de estudiantes
- 7.1 Últimas entradas del blog en formato tarjeta
- 8.1 Llamado a la acción para suscripción al boletín
- 9.1 Footer con enlaces institucionales, redes sociales y datos de contacto
ABOUT
- 1.1 Header (compartido)
- 2.1 Hero institucional con misión y visión
- 3.1 Equipo docente en tarjetas
- 4.1 Valores y certificaciones
- 5.1 Footer (compartido)
COURSES
- 1.1 Header (compartido)
- 2.1 Lista de categorías de cursos en filtro
- 3.1 Cuadrícula de cursos con imagen, título, precio y botón "Inscribirme"
- 4.1 Paginación
- 5.1 Footer (compartido)
EVENTS
- 1.1 Header (compartido)
- 2.1 Calendario de eventos con filtro por fecha
- 3.1 Tarjetas de eventos con fecha, título, descripción breve y botón "Detalles"
- 4.1 Footer (compartido)
BLOG
- 1.1 Header (compartido)
- 2.1 Lista de artículos del blog en tarjetas con imagen, título, extracto y botón "Leer más"
- 3.1 Sidebar con categorías y últimas publicaciones
- 4.1 Footer (compartido)
CONTACT
- 1.1 Header (compartido)
- 2.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 3.1 Mapa de ubicación embedido
- 4.1 Footer (compartido)
PROMPTS RELACIONADOS · EDUCATION
