Обратная связь
Неограниченные возможности
Глубокая экспертиза во всех слоях разработки: от интерфейсов до бэкенда. Выбираем инструменты, которые лучше всего решают именно вашу задачу.
Исследовательский центр
Проводим прикладные исследования в стратегических направлениях: от кибербезопасности и AI до маркетинга и аналитики. Результаты публикуем в открытых источниках и отраслевых изданиях.
Анализ бизнес процессов
Перед разработкой решения проводим глубокий анализ процессов и отчетности. Выявляем точки роста для достижения максимально релевантного результата.
Персональный менеджер
Закрепляем выделенного менеджера для сопровождения проекта на всех этапах. Доступны коммуникации через мессенджеры и телефон для оперативного решения вопросов.
Круглосуточная поддержка
Поддержка 24/7 с фиксированным SLA: критичные проблемы решаем за 1 час, стандартные запросы — в течение рабочего дня. Работаем с часовыми поясами по всему миру.
Jotul Design System
Цветовая система
фирменного стиля
Основные цвета, градиенты, правила использования и CSS-токены для цифровых продуктов Jotul Software.
Версия 2.0 — Утверждена
🎨 Основная палитра
Jotul Brand Blue
Акцентный цвет / Основные действия
HEX: #1B74E4
RGB: 27, 116, 228
HSL: 216°, 79%, 50%
RGB: 27, 116, 228
HSL: 216°, 79%, 50%
Основной цвет бренда. Используется для кнопок, ссылок, акцентных элементов и иконок.
Jotul Brand Blue Dark
Состояние наведения / Ховер
HEX: #1664C2
RGB: 22, 100, 194
HSL: 216°, 80%, 42%
RGB: 22, 100, 194
HSL: 216°, 80%, 42%
Для состояний наведения на кнопки и интерактивные элементы.
Jotul Brand Blue Light
Фоновые акценты / Бейджи
HEX: #E7F3FF
RGB: 231, 243, 255
HSL: 210°, 100%, 95%
RGB: 231, 243, 255
HSL: 210°, 100%, 95%
Для подсветки активных элементов, бейджей и второстепенных акцентов.
⚪ Нейтральная палитра
Jotul Text Primary
Основной текст
HEX: #1C1E24
Для заголовков и основного контента. Максимальный контраст.
Jotul Text Secondary
Второстепенный текст
HEX: #65676B
Для подзаголовков, описаний, мета-информации. Коэффициент контраста 4.5:1.
Jotul Text Tertiary
Третичный текст
HEX: #8E9AAB
Для плейсхолдеров, неактивных состояний, подписей.
Jotul Canvas
Фон страницы
HEX: #F0F2F5
Основной фон веб-платформ и приложений.
Jotul Card
Фон карточек
HEX: #FFFFFF
Для карточек, модальных окон и поверхностных элементов.
Jotul Border Light
Светлые границы
HEX: #E4E6EB
Для разделителей, рамок карточек в обычном состоянии.
Jotul Border Medium
Тёмные границы
HEX: #CDD0D4
Для границ при наведении (hover).
✨ Фирменные градиенты
Jotul Orange — Copilot
#f2aa17 → #df5d43
Jotul Green — Fresh
#5fb06e → #249488
Jotul Red — Vital
#ff6b6b → #d32f2f
Jotul Blue — Tech
#4a90e2 → #0066cc
Jotul Purple — Premium
#9b59b6 → #6c3483
📐 Руководство по использованию
| Элемент интерфейса | Рекомендуемый цвет | Альтернатива |
|---|---|---|
| Основные кнопки (CTA) | Jotul Brand Blue (#1B74E4) | Jotul Orange Gradient |
| Заголовки H1, H2, H3 | Jotul Text Primary (#1C1E24) | — |
| Описания, подзаголовки | Jotul Text Secondary (#65676B) | — |
| Иконки в карточках | Jotul Brand Blue (#1B74E4) | Copilot Gradients |
| Фон сайта / приложения | Jotul Canvas (#F0F2F5) | — |
| Карточки, модальные окна | Jotul Card (#FFFFFF) | — |
| Границы, разделители | Jotul Border Light (#E4E6EB) | — |
| Состояние наведения (hover) | Jotul Brand Blue Dark (#1664C2) | — |
| Бейджи, акцентные фоны | Jotul Brand Blue Light (#E7F3FF) | — |
🛠️ CSS-токены для разработчиков
:root {
/* Основные цвета */
--jotul-blue: #1B74E4;
--jotul-blue-dark: #1664C2;
--jotul-blue-light: #E7F3FF;
/* Текст */
--jotul-text-primary: #1C1E24;
--jotul-text-secondary: #65676B;
--jotul-text-tertiary: #8E9AAB;
/* Фоны */
--jotul-canvas: #F0F2F5;
--jotul-card: #FFFFFF;
--jotul-hover: #F8F9FA;
/* Границы */
--jotul-border-light: #E4E6EB;
--jotul-border-medium: #CDD0D4;
/* Тени (4 уровня) */
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.02);
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.04);
--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.04);
--shadow-hover: 0 8px 28px rgba(0, 0, 0, 0.08);
}