Praxis — Шаблон лендинга онлайн-курса и коучинга (HTML + Tailwind)

Praxis — это премиальный лендинг на одну страницу для онлайн-курсов, программ в группах и предложений по коучингу — тот самый тип продукта, которому люди должны доверять, прежде чем заплатят четыре цифры. Тёплая кремовая бумага, один уверенный изумрудный акцент, крупные заголовки в редакторском шрифте-серифе и фирменный маркер-хайлайтер, который скользит по ключевым фразам по мере прокрутки. Он читается как приватный мастер-класс, а не как очередная инфомаркетинговая страница.

Собрано на static HTML + Tailwind CSS v4. Никакого React, никакого Vue, никакой сборки — скомпилированный CSS поставляется в комплекте, поэтому вы открываете index.html и сайт уже работает на GitHub Pages, Netlify, Vercel, Cloudflare или на вашем собственном сервере.

ЧТО ВНУТРИ (11 разделов)

• Липкая навигация + доступное мобильное меню

• Hero с фирменным хайлайтером + чистая карточка курса

• Полоса социального доказательства «Сейчас выпускники работают в»

• Полноэкранный блок обещания / манифест — «для кого это»

• Учебная программа на 8 недель, собранная как вертикальная «learning spine», которая заполняется при прокрутке

• «Знакомство с наставником» с анимированными count-up статистиками

• Сетка преимуществ 6× — «что вы получите» (inline SVG иконки)

• Результаты — выделенный итог + отзывы выпускников (аватары с инициалами, без стоковых лиц)

• Честное ценообразование в 3 уровня (self-paced / cohort / 1:1) с гарантией 14 дней

• FAQ-аккордеон

• Финальный CTA-блок + полный футер

ПОЧЕМУ ЭТО ДРУГОЕ

• Фирменная подача, которую вы не найдёте в шаблоне курса — анимированный хайлайтер и заполняющаяся «learning spine» учебного плана

• Поддержка через токены — отредактируйте ОДИН @theme-блок в src/input.css, и весь сайт сменит оформление

• Честно по умолчанию — никаких фейковых таймеров обратного отсчёта, никакой фейковой срочности, никаких тёмных паттернов

• Полностью адаптивно, mobile-first, без горизонтального скролла на любых устройствах

• Контрастность WCAG AA, семантический HTML, видимый focus, доступный аккордеон — Lighthouse Accessibility 100

• Шрифты с self-hosting (Fraunces + Space Grotesk + IBM Plex Mono, woff2) — без Google CDN, без сдвига макета

ЧТО ВЫ ПОЛУЧИТЕ

index.html · скомпилированный + исходники Tailwind CSS · несколько КБ vanilla JS · шрифты с self-hosting · favicon + OG image · полная документация · changelog · заметки по лицензии.

Живой демо-пример (бесплатная Lite-версия): https://mcmxcixx.github.io/praxis/