Гармония цвета
в каждом пикселе вашего продукта
Хромали — это не просто палитра, а централизованная система управления цветом. Мы строим архитектурный слой между вашим брендом и кодом, обеспечивая абсолютную консистентность на всех этапах разработки.
Ядро платформы
Три столпа, на которых строится визуальная идентичность вашего приложения.
Умная палитра
Алгоритмы Хромали автоматически генерируют производные оттенки (тени, вариации, состояния) на основе одного базового цвета бренда. Больше никаких ручных вычислений в HSL.
Адаптивные темы
Мгновенное переключение между Light, Dark и High Contrast режимами. Система автоматически инвертирует гамму, сохраняя читаемость и брендовые акценты без дублирования кода.
Доступность (a11y)
Встроенный валидатор контрастности проверяет каждую пару «текст-фон» в реальном времени. Если коэффициент контрастности ниже 4.5:1, система предложит коррекцию.
Интеграции с Figma и Sketch
Разрыв между дизайном и разработкой исчезает, когда они говорят на одном языке. Плагин Хромали синхронизирует дизайн-токены напрямую в ваши репозитории.
Изменили Primary Blue в Figma? Через 30 секунд новый HEX-код уже в вашем CSS-файле, а билд-система пересобрала ассеты. Мы поддерживаем форматы JSON, CSS Custom Properties и Tailwind Config.
- ✓ Нативная поддержка Figma Variables
- ✓ Экспорт в SCSS, Less и Stylus
- ✓ Хуки для CI/CD пайплайнов (GitHub Actions)
import { Chromali } from '@chromali/core';
Chromali.sync({
source: 'figma',
target: './src/styles',
watch: true
});
Готовы увидеть магию?
Посмотрите, как команда дизайна Yandex Music настроила цветовую систему за 15 минут.
Смотреть видео-туториал