NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Educa Atlas, una comunidad de diseñadores y desarrolladores web. El proyecto debe ser un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Usa la paleta de colores: #0A0F24 (azul marino), #1A233A (gris azul oscuro), #4A90E2 (azul brillante), #F5F7FA (gris muy claro), #FFFFFF (blanco). Tipografía: Inter var, peso 400-700, títulos en 800. Estructura:
**Header / Navbar** (clase `navbar`): barra completa, fondo #0A0F24, logo texto "Educa Atlas" en blanco, menú horizontal con enlaces Home, Precios, Novedades, Soporte; botón destacado "Únete ahora" con fondo #4A90E2 y texto blanco. Versión móvil colapsable con icono hamburguesa.
**Sección 1 – Hero** (`section-hero`): contenedor centrado, fondo degradado
4.515 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.515 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 Navbar fijo con logo y menú de navegación
- 1.2 Hero con título, subtítulo, formulario y imagen
- 1.3 Slider de logos de marcas
- 1.4 Grid de funcionalidades (3 ítems)
- 1.5 Botón de información adicional
- 1.6 Sección paso a paso (2 tarjetas)
- 1.7 Footer con enlaces y datos de contacto
PRICING
- 2.1 Navbar (reutilizado)
- 2.2 Tabla de planes con encabezados y botones de suscripción
- 2.3 Comparativa de características
- 2.4 Preguntas frecuentes
- 2.5 Footer
UPDATES
- 3.1 Navbar
- 3.2 Listado de novedades con imágenes, título y resumen
- 3.3 Filtro por categoría
- 3.4 Botón cargar más
- 3.5 Footer
SUPPORT
- 4.1 Navbar
- 4.2 Formulario de soporte con campos nombre, email, asunto y mensaje
- 4.3 Preguntas frecuentes en acordeón
- 4.4 Información de contacto directo
- 4.5 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
