Два цвята носят марката: дълбокото DBank Blue — доверие, стабилност, компетентност — и златното жълто — човешката топлина и оптимизмът. Всички останали са поддържащи. Кликнете върху стойност, за да я копирате.
Основна палитра
бял текст · 8.8:1 AAA
DBank Blue
Основен цвят на марката · лого, заглавия, бутони
тъмен текст · 9.5:1 AAA
Golden Yellow
Акцент · CTA, маркери, детайли. Никога основен фон
бял текст · 16.5:1 AAA
Ink
Основен текст · никога чисто черно #000
пространството на марката
White
Основен фон · въздухът, който прави синьото силно
Разширени сини
Дигиталните продукти се нуждаят от повече стъпала синьо — за ховър състояния, тъмни фонове и дълбочина. Всяко има роля; не създавайте междинни.
интеракции
Interactive Blue
Линкове, ховър на бутони, активни състояния
дълбочина
Blue 800
Натиснати състояния, тъмни секции
фонове
Navy 800
Тъмни панели, код блокове, футъри
най-тъмното
Navy 900
Hero секции, нощна тема, дълбок контраст
Нюанси и неутрални
Sky 100
Светли информационни фонове, иконни подложки
Sky 200
Рамки на сини елементи, разделители в сини зони
Yellow 100
Фон на предупреждения и маркиран текст
Gray 100
Вторични фонове, редуване на редове
Gray 200
Рамки, разделители
Gray 400
Неактивни елементи, плейсхолдъри
Gray 600
Вторичен текст, надписи
Семантични цветове
Състоянията говорят със собствени цветове. Жълтото на марката не е предупреждение — за warning се използва охра.
Success
Green
Успешни операции, потвърждения, ръст
Warning
Ochre
Предупреждения, изтичащи срокове
Error
Red
Грешки, отказани операции, задължения
Info
Interactive Blue
Информационни съобщения — една роля повече на синьото
Пропорции на употреба
Марката е синьо-бяла с жълта искра — не жълта. Ориентировъчното разпределение във всеки макет:
Бяло · 55%
Синьо · 25%
Текст · 12%
Жълто · 8%
Жълтото е подправка, не основно ястие
Едно жълто нещо на екран/страница: бутонът за основното действие, маркер или акцентна линия. Две жълти неща се борят за внимание; три са панаир.
Градиенти
Разрешени са само сините градиенти на марката — от тъмно към светло, посока 118°–135°. Жълтото никога не участва в градиент.
Hero Gradient
Големи повърхности, начални екрани
Card Gradient
Банкови карти, малки акцентни панели
Достъпност и контраст
Всяка текстова двойка трябва да покрива WCAG 2.1 AA: 4.5:1 за нормален текст, 3:1 за едър (18px+ bold / 24px+). Матрицата показва официалните комбинации, а инструментът проверява всякакви.
Матрица на бранд двойките
Жив контраст инструмент
Дигитално банкиранеВашите средства — под контрол, 24/7, от всяко устройство.
—
Жълт текст на бяло
Никога
Контраст 1.7:1 — нечетимо за всички, не само за хора с нарушено зрение.
Жълт акцент на синьо
Правилно
Върху DBank Blue и Navy жълтото свети — 5.1:1 покрива AA дори за нормален текст.
ESC
↑↓ навигацияEnter отвори/ или ⌘K търсене отвсякъде
