05 / 03
Кольори
Опубліковано 05 квітня 2018, останні зміни 14 червня 2019

Використовуйте просту, мінімалістичну кольорову палітру. Основні кольори  – відтінки синього, сірий та білий. Як яскравий акцент використовується жовтий, інші кольори додаються за потреби.

Така палітра покликана передати спокій, щирість та відповідальність та створити привітне, довірче середовище для користувачів.

Палітра


#1D1D1B

Основний текст, заголовки


#6D727C

Другорядний текст


#C2C5CB

Границі, неактивні елементи


#F5F7FA

Тло виділених блоків


#FFFFFF

Основне тло сторінки


#004BC1

Посилання, навігація


#234161

Посилання при наведенні


#552C92

Відвідані посилання


#FFE358

Кнопки, акцентні блоки


#FF0000

Сповіщення про помилки

Для світлих відтінків використовуйте непрозорість 75% та 50%.

Доступність

Не використовуйте колір як єдиний візуальний засіб передачі інформації, що вказує на дію або вирізняє візуальний елемент серед інших. Така інформація буде недоступна користувачам, які погано розрізняють кольори, при яскравому сонячному світлі, на чорно-білій роздруківці тощо.

Коефіцієнт контрастності між текстом та тлом має становити принаймні 4.5:1. Для великих кеглів або жирного тексту допустима контрастність 3:1.

Безпечні поєднання

Основний текст

Другорядний текст

Текст посилання

Відвідане посилання

Основний текст

Другорядний текст

Текст посилання

Відвідане посилання

Текст на темному тлі

Текст кнопки

Основний текст