Використовуйте просту, мінімалістичну кольорову палітру. Основні кольори – відтінки синього, сірий та білий. Як яскравий акцент використовується жовтий, інші кольори додаються за потреби.
Така палітра покликана передати спокій, щирість та відповідальність та створити привітне, довірче середовище для користувачів.
Палітра
#1D1D1B
Основний текст, заголовки
#6D727C
Другорядний текст
#C2C5CB
Границі, неактивні елементи
#F5F7FA
Тло виділених блоків
#FFFFFF
Основне тло сторінки
#004BC1
Посилання, навігація
#234161
Посилання при наведенні
#552C92
Відвідані посилання
#FFE358
Кнопки, акцентні блоки
#FF0000
Сповіщення про помилки
Для світлих відтінків використовуйте непрозорість 75% та 50%.
Доступність
Не використовуйте колір як єдиний візуальний засіб передачі інформації, що вказує на дію або вирізняє візуальний елемент серед інших. Така інформація буде недоступна користувачам, які погано розрізняють кольори, при яскравому сонячному світлі, на чорно-білій роздруківці тощо.
Коефіцієнт контрастності між текстом та тлом має становити принаймні 4.5:1. Для великих кеглів або жирного тексту допустима контрастність 3:1.
Використовуйте просту, мінімалістичну кольорову палітру. Основні кольори – відтінки синього, сірий та білий. Як яскравий акцент використовується жовтий, інші кольори додаються за потреби.
Така палітра покликана передати спокій, щирість та відповідальність та створити привітне, довірче середовище для користувачів.
Палітра
Основний текст, заголовки
Другорядний текст
Границі, неактивні елементи
Тло виділених блоків
Основне тло сторінки
Посилання, навігація
Посилання при наведенні
Відвідані посилання
Кнопки, акцентні блоки
Сповіщення про помилки
Для світлих відтінків використовуйте непрозорість 75% та 50%.
Доступність
Не використовуйте колір як єдиний візуальний засіб передачі інформації, що вказує на дію або вирізняє візуальний елемент серед інших. Така інформація буде недоступна користувачам, які погано розрізняють кольори, при яскравому сонячному світлі, на чорно-білій роздруківці тощо.
Коефіцієнт контрастності між текстом та тлом має становити принаймні 4.5:1. Для великих кеглів або жирного тексту допустима контрастність 3:1.
Безпечні поєднання
Основний текст
Другорядний текст
Текст посилання
Відвідане посилання
Основний текст
Другорядний текст
Текст посилання
Відвідане посилання
Текст на темному тлі
Текст кнопки
Основний текст