Praxis es una plantilla premium de landing page de una sola página para cursos online, programas por cohortes y ofertas de coaching: el tipo de producto en el que la gente tiene que confiar antes de pagar cuatro cifras. Papel crema cálido, un seguro acento esmeralda, grandes titulares serif de estilo editorial y un marcador resaltador característico que recorre las frases clave a medida que haces scroll. Se lee como una masterclass privada, no como otra página de infomarketing.

Creada con HTML estático + Tailwind CSS v4. Sin React, sin Vue, sin paso de compilación: el CSS compilado viene incluido en el paquete, así que abres index.html y estás en línea en GitHub Pages, Netlify, Vercel, Cloudflare o tu propio servidor.

QUÉ INCLUYE (11 secciones)

• Navegación fija + menú móvil accesible

• Hero con la firma del resaltador + una tarjeta limpia del curso

• Fila de prueba social "Los alumnos ahora trabajan en"

• Una banda de manifiesto a todo el ancho con la promesa y para quién es

• Un temario de 8 semanas construido como una "columna de aprendizaje" vertical que se rellena al hacer scroll

• Conoce a tu mentor con estadísticas animadas con cuenta ascendente

• Una cuadrícula de seis elementos de "lo que obtienes" (iconos SVG en línea)

• Resultados: un resultado destacado + testimonios de alumnos (avatares con iniciales, sin rostros de stock)

• Precios honestos en 3 niveles (a tu ritmo / cohorte / 1:1) con garantía de 14 días

• Acordeón de preguntas frecuentes

• Banda final de llamada a la acción + footer completo

POR QUÉ ES DIFERENTE

• Una firma que no encontrarás en una plantilla de cursos: el resaltador animado + la columna de temario que se rellena

• Basada en tokens: edita UN solo bloque @theme en src/input.css y toda la página cambia de aspecto

• Honesta por diseño: sin cuentas atrás falsas, sin escasez falsa, sin patrones oscuros

• Totalmente responsive, mobile-first, sin scroll horizontal en ningún dispositivo

• Contraste WCAG AA, HTML semántico, foco visible, acordeón accesible: Lighthouse Accessibility 100

• Fuentes autoalojadas (Fraunces + Space Grotesk + IBM Plex Mono, woff2): sin CDN de Google, sin saltos de diseño

QUÉ OBTIENES

index.html · Tailwind CSS compilado + fuente · unos pocos KB de JS vanilla · fuentes autoalojadas · favicon + imagen OG · documentación completa · registro de cambios · notas de licencia.

Demo en vivo (versión Lite gratuita): https://mcmxcixx.github.io/praxis/