Style guide

Система визуальных решений для лендинга

Эта страница фиксирует палитру, типографику, состояния кнопок и карточные паттерны, чтобы дизайн можно было спокойно переносить в Figma или WordPress-тему.

Базовая идея

Чистая B2B-подача с теплым фоном, темным каркасом, оранжевым CTA и инфографикой вместо длинных полотен текста.

Палитра

Graphite #12252D
Warm Sand #F4F0E8
Signal Orange #FF7A33
Deep Teal #1F8A70

Типографика

Space Grotesk + Manrope

Заголовки для ключевых смыслов

Основной текст строится на коротких абзацах, заметных цифрах и аккуратной деловой интонации.

Карточки

Feature card

Для преимуществ, прозрачности и аргументов.

Case card

Для кейсов с цифрами и короткой задачей.

CTA card

Для тест-драйва и контактных блоков.

Иконографика

24/7 REC AI CRM

Текстовые псевдо-иконки можно быстро заменить на бесплатный набор Font Awesome или кастомные SVG.

Адаптивный паттерн

Сложная схема услуг на десктопе работает как единая композиция со связями, а на мобильном превращается в вертикальную цепочку шагов с сохранением логики процесса.