Хидер
Записаться

Цвета

Каждое направление закреплено за своим цветом, он не меняется между страницами.

Направление 01 IT и разработка #2E5A66
Направление 02 Маркетинг #B85C42
Направление 03 Экономика #B48438
Направление 04 HR и люди #5E7B62
Направление 05 Управление #4E6B7C
Фон Paper #EFEFEA
Фон тёплый Paper warm #F6F1E9
Текст Ink #1E2A30
Текст второй Ink soft #5F6D72
Акцент Gold #B8935A

Шрифты

Один шрифт — Montserrat.

Display 48 / 1.02 / 600
Обучение по направлениям
Заголовок 1 36 / 1.08 / 600
Разработка IT-решений
Заголовок 2 26 / 1.15 / 600
Экономика и финансы
Заголовок 3 19 / 1.25 / 600
Подбор и адаптация
Вводный текст 17 / 1.6 / 400
Абзац под заголовком. Поясняет смысл блока.
Основной 15.5 / 1.65 / 400
Основной текст страницы. Используется в описаниях карточек, секциях и подписях к блокам.
Мелкий 13.5 / 1.55 / 400
Метаданные: количество курсов, длительность, формат.
Надзаголовок 12 / .16em / 600
Направление 01
Акцент Цвет направления
Цвет используется только для акцента и не более.

Компоненты

Кнопки, карточка направления, поля, бейджи, статистика, индикатор прогресса.

Кнопки

Основное действие — тёмная. Второстепенное — призрачное. Цветные — только внутри своего направления.

Карточка направления

Акцентная полоса слева всегда закреплена за направлением.

01
IT и разработка 8 тренеров · 32 курса
→ 02
Маркетинг 5 тренеров · 18 курсов
→
Бейджи

Фон в 12% насыщенности, текст — чистый цвет.

Новый Хит 01 IT 02 Маркетинг 03 Экономика 04 HR 05 Управление
Статистика и прогресс

Крупное число и мелкая подпись. Прогресс — тонкая линия.

96 курсов всего
38 куплено
Поля

Плоские, светлые, с чётким фокусом.

Тёмный блок

Для CTA и финальных секций. Тёмно-синий, не чёрный.

Визуальные элементы

Сетка
Окружности
Полосы
Точки
Диагональ
01 Крупная цифра
Рамка
Дуга
Комбинированный фон

Пример сборки

Мини-макет страницы каталога из готовых компонентов системы.

Обучение по направлениям

01
IT и разработка 8 тренеров · 32 курса · 14 куплено
→ 02
Маркетинг 5 тренеров · 18 курсов · 9 куплено
→ 03
Экономика и финансы 4 тренера · 15 курсов · 6 куплено
→ 04
HR и люди 5 тренеров · 17 курсов · 8 куплено
→ 05
Управление 4 тренера · 14 курсов · 5 куплено
→
Made on
Tilda