Системы дизайна, доступные каждому
Внедряйте доступные цвета бренда, готовые к использованию в вашем продукте уже сегодня
Опишите ваш бренд и получите варианты палитры от ИИ, проверяйте контрастность по WCAG в реальном времени и экспортируйте дизайн-токены в виде CSS, JSON или Tailwind.
Бесплатный тариф: 5 экспортов в месяц. Банковская карта не требуется.
Работает на 25 языках
Полная локализация интерфейса, выбор языка документов для каждого клиента и перевод произвольного текста с помощью ИИ на платных тарифах. Переключайтесь в любой момент.
Доступно на 25 языках, включая английский, испанский, китайский и другие.
Знакомая ситуация?
Палитра, не прошедшая проверку на контрастность, — это не бренд. Это задача на доработку.
Палитра не проходит проверку контрастности
Цвета, которые отлично смотрелись на мудборде, не проходят уровень AA при первой же проверке доступности.
Ручная проверка каждой пары
Расчёт контрастности для каждой комбинации текста и фона отнимает полдня, и ошибки всё равно проскакивают.
Токены остаются на скриншоте
Разработчики получают PNG-файл с образцами и вручную перепечатывают HEX-коды.
От идеи бренда до доступных токенов
Создавайте, проверяйте на соответствие WCAG и экспортируйте в формате, который уже используется в вашем коде.
Генератор палитр
Создавайте семантические цветовые палитры с интерактивными образцами: адаптивная сетка на мобильных устройствах и боковая панель управления на ПК.
Проверка контрастности по WCAG
Оценивайте доступность на практике с помощью меток «пройдено/не пройдено» для каждой пары цветов. Соответствуйте уровням AA и AAA ещё до релиза.
Экспорт и общий доступ
Копируйте переменные CSS, токены JSON или фрагменты конфигурации Tailwind. Делитесь страницами бренда в режиме чтения со своей командой.
ИИ берёт на себя сложную работу — контроль остаётся за вами
Проверенные функции на базе ИИ, встроенные в продукт. Вы проверяете и утверждаете каждый результат.
Палитра от ИИ по описанию
Опишите нужную атмосферу — Gemini предложит палитру, которую вы сможете настроить.
Палитра от ИИ по URL-адресу сайта
Укажите сайт — рекомендации Perplexity подберут цветовое направление прямо с действующей страницы.
Бренд-кит под вашим контролем
Оставляйте подходящее и отбрасывайте лишнее — ИИ никогда не опубликует бренд-кит без вашего участия.
Перевод бренд-кита
Перевод текста с помощью ИИ помогает локализовать материалы бренд-кита на платных тарифах.
Результаты работы ИИ являются рекомендациями. Вы сами утверждаете то, что идёт в работу. Результаты не гарантируются.
Три шага к готовым к релизу цветам
Никаких сложных таблиц проверки доступности.
- 1
Опишите ваш бренд
Получите варианты палитры от ИИ и создайте семантические цвета с интерактивными образцами.
- 2
Проверьте контрастность
Метки «пройдено» и «не пройдено» для каждой пары цветов по стандартам AA и AAA прямо в процессе редактирования.
- 3
Экспортируйте токены
Копируйте переменные CSS, токены JSON или фрагмент конфигурации Tailwind прямо в ваш проект.
Посмотрите, как создается бренд-кит
Минутный обзор: от концепции до готовых к экспорту токенов с субтитрами на вашем языке.
Руководство по созданию доступного бренда — $1,99
Подбирайте цвета бренда, проходящие проверку доступности
10-страничное практическое руководство по семантическим палитрам, контрастности WCAG и токенам, готовым для разработчиков.
Разовый платёж $1,99. Мгновенное скачивание PDF. Без подписки и регистрации.
- 8 глав: проблема, лучшие практические методы и основные правила
- Наглядное сравнение удачных и неудачных палитр
- Пошаговый разбор с пояснениями — от описания бренда до экспорта токенов
- Мгновенный доступ на всех 25 языках
Простые тарифы
Начните бесплатно. Переходите на платный тариф, когда понадобятся ссылки для доступа и экспорт в PDF.
Free
Начните создавать систему вашего бренда.
$0/мес.
- 5 экспортов в месяц
- Генератор палитр
- Проверка контрастности
Pro
Самый популярныйНеограниченные наборы и расширенные варианты экспорта.
$12/мес.
- Неограниченное количество бренд-китов
- Публичные страницы бренда
- PDF с руководствами по бренду
Studio
Для команд дизайна, управляющих несколькими системами брендов.
$29/мес.
- Всё из тарифа Pro
- Процессы экспорта уровня Studio
Начните бесплатно. Банковская карта не требуется, отмена платного тарифа в любое время.
Перед тем как начать
Часто задаваемые вопросы от дизайнеров и разработчиков.
Что входит в бесплатный тариф?
Генератор палитр, проверка контрастности WCAG и 5 экспортов в месяц — без банковской карты. В тариф Pro входят неограниченные бренд-киты, публичные страницы и PDF-руководства.
Какой стандарт контрастности проверяется?
Каждая пара цветов проверяется на соответствие порогам WCAG AA и AAA с отображением метки «пройдено» или «не пройдено» для каждой комбинации.
Могут ли разработчики использовать результат напрямую?
Да, вы можете экспортировать пользовательские свойства CSS, токены JSON или фрагмент конфигурации Tailwind. Ничего не придётся перепечатывать со скриншота.
Могу ли я поделиться бренд-китом с командой или клиентом?
Тариф Pro позволяет публиковать страницы бренда в режиме чтения для передачи по ссылке, а также формировать PDF с руководствами по бренду.
Привязан ли я к сервису?
Нет. Ваши токены экспортируются в открытых форматах, а подписку Stripe можно отменить в любой момент.
Внедряйте цвета, которые проходят проверку с первого раза
Создайте бренд-кит бесплатно и экспортируйте доступные токены уже сегодня.
Бесплатный тариф, банковская карта не нужна. Переходите на платный тариф для доступа к публичным страницам и PDF-руководствам.