NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio estático inspirado en la estructura y estilo de la web analizada, pero con la marca ficticia CogniaAprende. Utiliza HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #1E3A8A (azul profundo), #2563EB (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco), #111827 (texto oscuro). Tipografía: Inter (Google Fonts) para títulos y cuerpo.
Header: barra de navegación fija, fondo azul profundo, logo a la izquierda (texto CogniaAprende), menú principal con items Home, Cursos, Blog, Tienda, Sobre Nosotros, Contacto. Cada item con dropdown; "Cursos" abre mega‑menú con tres columnas de enlaces a categorías y una imagen a la derecha. A la derecha del menú, botón "Admisión" con contorno blanco y carrito de compra con contador.
Home sections (en ord
3.653 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.653 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, menú desplegable y carrito
- 2.1 Hero con título, subtítulo y botón de inscripción
- 3.1 Cuadrícula de categorías de cursos (4 columnas)
- 4.1 Testimonios en carrusel con foto y comentario
- 5.1 Llamada a la acción a admisiones
- 6.1 Footer con enlaces de información, redes sociales y formulario de newsletter
CATEGORIAS
- 1.1 Lista de categorías de cursos con imagen y breve descripción
ACERCA DE
- 1.1 Banner con mensaje institucional
- 2.1 Equipo docente en tarjetas
- 3.1 Valores y misión
BLOG
- 1.1 Lista de artículos con imagen, título y extracto
- 2.1 Paginación
TIENDA
- 1.1 Catálogo de productos (cursos, material didáctico)
- 2.1 Filtros por tema y nivel
- 3.1 Botón "Añadir al carrito"
CONTACTO
- 1.1 Formulario de contacto básico
- 2.1 Mapa incrustado
- 3.1 Información de contacto y redes
PROMPTS RELACIONADOS · LMS / CURSOS ONLINE
