Доступні дизайн-системи
Випускайте доступні фірмові кольори, які ваш продукт може використовувати вже сьогодні
Опишіть свій бренд та отримайте пропозиції палітри від штучного інтелекту, перевіряйте контрастність за 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-гайдлайнів.