???? Брендбук: Платформа курсов по психоанализу

1. Цветовая палитра

Элемент	HEX	Назначение
Фон страницы	#FAF8F6	Главный фон — мягкий, тёплый, безопасный
Второй фон	#F3F4F6	Подложки блоков, секции, карточки
Текст основной	#1F2937	Текст контента, описания, параграфы
Заголовки	#111827	Основные заголовки (H1–H2)
Акцентный цвет	#7C3AED	Кнопки, ссылки, важные акценты
Hover цвет	#6D28D9	Эффект наведения на кнопки/ссылки
Вторичный акцент	#EDE9FE	Фон бейджей, подсветки
Обводка	#E5E7EB	Обводки карточек, форм и компонентов

2. Шрифты и типографика

Элемент	Шрифт	Desktop	Mobile	Цвет	Line-height	Letter-spacing
Основной текст	Manrope	18px	16px	#1F2937	1.6em	0
Заголовки H1–H2	Manrope	28–32px	22–24px	#111827	1.3em	-0.5px
Подписи/бейджи	Manrope	14px	13px	#1F2937	1.4em	0
Кнопки	Manrope	16px (bold)	15px (bold)	#FFFFFF	1.4em	0

3. Размеры и отступы

Элемент	Desktop	Mobile
Кнопка (основная)	48px высота, padding 12/24px	44px высота, padding 10/20px
Контейнер (макс. ширина)	1140px	100% (отступы 20–30px по краям)
Отступ между блоками	80px	60px
Внутренние отступы в блоках	padding: 40px	padding: 24px
Боковые отступы	60px	20–30px
Отступ между кнопкой и текстом	32px	24px

4. Компоненты

4.1 Карточки курсов

• Радиус: 16px
• Обводка: 1px solid #E5E7EB
• Тень: 0 2px 10px rgba(0, 0, 0, 0.04)
• Цвет фона: #F3F4F6 или #FFFFFF
• Бейджи: фон #EDE9FE, текст #1F2937, шрифт Manrope 14px

4.2 Кнопки

Тип	Фон	Текст	Hover	Радиус
Primary	#7C3AED	#FFFFFF	#6D28D9	8–12px
Secondary	#F3F4F6	#4B5563	затемнение фона	8–12px

5. Цветовые сочетания (рекомендованные)

Основной цвет	Сопутствующие	Использование
#7C3AED	#FAF8F6, #F3F4F6	Акценты, кнопки, заголовки
#1F2937	#FAF8F6	Основной текст
#EDE9FE	#7C3AED, #F3F4F6	Бейджи, маркеры

6. UI-детали и гайдлайны

• Иконки: монохромные, минималистичные, в цвет текста или акцента
• Формы: радиус 12px, отступы 32px, обводка #E5E7EB
• Изображения: max-width 40% блока, возможно с обводкой
• Анимации: fade-in, лёгкий hover на карточках и кнопках
• Сетка: 12 колонок, gutter 20px, max-width контейнера 1140px