Carrito Iniciar sesión
EDUCACIÓN · Claude Design · HTML

AprendoSphere — Prompt de diseño web para Claude AI

Plataforma de cursos online y gestión de aprendizaje Espacio para crear y compartir conocimiento.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
AprendoSphere — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo llamado AprendoSphere (aprendosphere.com) para una plataforma de educación online. El proyecto debe ser un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas. Utiliza la siguiente paleta de colores: #1F2937 (gris oscuro), #3B82F6 (azul primario), #F3F4F6 (gris claro), #10B981 (verde de acento), #FFFFFF (blanco). Tipografía: Inter var (google fonts) para títulos y Body (sans‑serif). Estructura y componentes: 1. Header (navbar) fijo, fondo blanco, sombra ligera. Logotipo a la izquierda (texto "AprendoSphere" en Inter Bold, color #1F2937). Menú de navegación horizontal con ítems: Home, Cursos (dropdown con sub‑menus Free y Paid), Páginas (dropdown con enlaces a About, FAQ, Pricing, Team), Blog, Contacto. A la derech
4.391 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.391 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
AprendoSphere — home completa
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 CTA principal
  • 3.1 Filtro de cursos: pestañas Free y Paid
  • 4.1 Grid de tarjetas de curso (imagen, título, breve descripción, botón Ver curso)
  • 5.1 Carrusel de testimonios de estudiantes
  • 6.1 Contadores animados de métricas (alumnos, cursos, instructores)
  • 7.1 Footer con enlaces institucionales, redes sociales y formulario de newsletter

COURSES

  • 1.1 Barra de navegación
  • 2.1 Lista de cursos con filtros y ordenación
  • 3.1 Detalle de curso (imagen, descripción, programa, precios, botón de compra)

ABOUT

  • 1.1 Barra de navegación
  • 2.1 Información institucional, misión y equipo

BLOG

  • 1.1 Barra de navegación
  • 2.1 Lista de artículos con extractos y paginación

CONTACT

  • 1.1 Barra de navegación
  • 2.1 Formulario de contacto y mapa
PROMPTS RELACIONADOS · EDUCACIÓN

Otros prompts de la misma categoría