24 КАПС - ЗАГОЛДОВКИ БЛОКОВ - #D6A935
30 - Подзаголовки блоков - #F7F3E8
20 - Просто тект на странице - #F7F3E8

При использовании цифр в заголовоках и нумерации блоков- #D6A935


Жирность Medium - заголовок Первого экрана
Жирность Normal - для заголовков, подзаголовков и текста
Жирность Semibold - для заголовков буллитов и указателей со стрелками

Выравнивание - всегда влево.
Используем сетку 12 колонок.

Заголовки и подзаголовки - 8 колонок, выравнивание слева.

### 1. Общее ощущение дизайна

Все новые страницы должны выглядеть как часть премиальной бизнес-среды «Экспонента».

Визуальный образ:
строгий, тёмный, статусный, системный, интеллектуальный, с ощущением роста, силы, окружения и движения вверх.

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

Главный принцип:
меньше декоративного шума, больше структуры, масштаба и статуса.

---

### 2. Композиция страницы

Используй 12-колоночную сетку.

Основной контент выравнивай по левому краю.
Не центрируй заголовки, подзаголовки и текст, если это не отдельный декоративный или статистический элемент.

Рекомендуемая ширина контейнера на десктопе: 1160–1200 px.
Боковые поля: не менее 40 px на десктопе и 20 px на мобильных.

Каждый большой блок должен иметь много воздуха.
Вертикальные отступы между секциями: 100–160 px на десктопе.
На мобильных: 60–90 px.

Страница должна строиться крупными смысловыми секциями, а не мелкими плотными блоками.

---

### 3. Первый экран

Первый экран должен быть максимально сильным и минималистичным.

Структура первого экрана:

1. Крупный заголовок в 2–4 строки.
2. Короткий подзаголовок.
3. 1–2 CTA-кнопки.
4. Справа или на фоне — аккуратная графика, фото, золотой символ, абстрактная линия, иконка роста или визуальная метафора системы.

Заголовок первого экрана:

* капсом;
* очень крупный;
* 2–4 строки;
* цвет `#F7F3E8`;
* отдельные смысловые акценты можно выделять золотым `#D6A935`;
* не использовать длинные фразы;
* текст должен ощущаться как манифест.

Пример характера заголовка:

* РОСТ СТАНОВИТСЯ СИСТЕМОЙ
* СРЕДА ДЛЯ ПРЕДПРИНИМАТЕЛЕЙ
* ВЫХОД НА НОВЫЙ УРОВЕНЬ
* СИСТЕМА РОСТА ЭКСПЕРТА

Не делай первый экран перегруженным.
Оставляй ощущение масштаба, пустоты и дорогого пространства.

---

### 4. Типографика

Используй строгую современную гротескную типографику без декоративности.

Все заголовки блоков — капсом.
Текст — обычным регистром.

Иерархия:

**Hero-заголовок:**
72–96 px на десктопе, line-height 0.9–1.05, Medium.
На мобильных: 42–52 px.

**Метка секции:**
20–24 px, капсом, цвет `#D6A935`, можно использовать letter-spacing 0.04–0.08em.

**Заголовок секции:**
30–48 px, цвет `#F7F3E8`, line-height 1.05–1.2.

**Подзаголовок / вводный текст:**
20–24 px, цвет `#F7F3E8` или приглушённый тёплый белый, line-height 1.35–1.5.

**Основной текст:**
18–20 px, line-height 1.45–1.6.

**Микротекст / подписи / даты / категории:**
12–16 px, капсом, цвет `#D6A935` или приглушённый белый.

Не используй слишком много жирности.
Главное ощущение создаётся размером, воздухом и контрастом, а не жирным шрифтом.