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

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

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

ЧТО ВНУТРИ (11 секций)

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

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

• Ряд социального доказательства «Выпускники сейчас строят в…»

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

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

• «Знакомство с ментором» с анимированными статистическими счётчиками

• Сетка «что вы получаете» в 6 колонок (inline SVG иконки)

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

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

• Аккордеон FAQ

• Финальная CTA-полосa + полный footer

ПОЧЕМУ ОНО ДРУГОЕ

• Подпись, которую вы не найдёте в шаблоне курса — анимированный хайлайтер + заполняемая линия программы обучения

• Управляется токенами — отредактируйте ОДИН блок @theme в src/input.css, и весь лендинг сменит оформление

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

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

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

• Самохостинг шрифтов (Fraunces + Space Grotesk + IBM Plex Mono, woff2) — без Google CDN, без сдвигов верстки

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

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

Демо вживую (бесплатная Lite-версия): https://mcmxcixx.github.io/praxis/