Идентичность
Суть бренда
ПрофитЛАБ — это система создания потока клиентов с помощью AI. Мы объединяем современные технологии, строгий маркетинг и инновационный подход для достижения измеримых результатов.
Настроение
Премиальное, инновационное, уверенное, технологичное, но при этом понятное и доступное.
Миссия
Трансформировать процесс привлечения клиентов через внедрение AI-инструментов, делая его предсказуемым и системным.
Цветовая палитра
Primary & Accent
Neutrals & Decor
Баланс в макете
Оптимальное соотношение: 60% фон, 30% акценты, 10% CTA и детали.
Типографика
Основной шрифт
Современная, чистая и легко читаемая типографика. Используется для всех заголовков, подзаголовков и основного текста.
Начертания (Вес)
UI Компоненты
Кнопки
Размер: ~220px × 60px
Радиус (Border-radius): 30px
Отступы (Padding): 16px (Y) / 32px (X)
Обводка (Border): 2px solid #F14B46
Радиус (Border-radius): 30px
Высота: 60px
Радиус (Border-radius): 12px (xl)
Шрифт: 14px Medium
Отступы: 8px (Y) / 20px (X)
Стандартная карточка
Белый фон, радиус 16-20px, легкая тень, контент выровнен по левому краю.
Акцентный блок
Темно-синий фон используется для цитат, речевых пузырьков и важных модулей программы.
Фоны и Графика
Стиль Иллюстраций
- 3D Изометрия: Объемные элементы с мягким светом.
- Цветовой код: Использование строго палитры бренда (Красный, Синий, Фиолетовый, Оранжевый).
- Объекты: Лампочка (идеи), График (рост), Ноутбук (работа), AI-иконки.
ИИ-Копирайтер ✨
Этот смарт-инструмент использует мощь Gemini API, чтобы мгновенно переписать ваш черновой текст с учетом Tone of Voice бренда «ПрофитЛАБ» (премиальный, инновационный, уверенный и технологичный).
Результат генерации
Шпаргалка разработчика
CSS Variables (Tailwind / Custom)
:root {
--color-primary: #3E3A63;
--color-accent: #F14B46;
--color-dark-red: #F0544F;
--color-bg: #F4F3F9;
--color-lavender: #E4E2F1;
--color-text-dark: #1F1F2E;
--color-text-gray: #C5C4D0;
--radius-card: 20px;
--radius-btn: 30px;
--shadow-premium: 0 10px 40px -10px rgba(62, 58, 99, 0.08);
}
/* Отступы */
.section-gap { gap: 60px; /* до 100px на десктопе */ }
.container { max-width: 1200px; margin: 0 auto; }