Основи · 04Обща за групата

Типография

Ubuntu е гласът на DBank в писмен вид — хуманистичен гротеск с мека геометрия и една от най-добрите кирилици сред свободните шрифтове. Технологичен, но топъл — точно като марката.

Шрифтът Ubuntu

Аа Dd

Ubuntu · проектиран от Dalton Maag · пълна поддръжка на кирилица, латиница и гръцки · безплатен за търговска употреба (Ubuntu Font Licence)

АБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЬЮЯ
абвгдежзийклмнопрстуфхцчшщъьюя
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
0123456789 лв. € $ % № § ( ) [ ] „ " – —

Защо Ubuntu

Отчетливи форми при малки размери (банкови условия, извлечения), отлична екранна четимост и автентична кирилица без „латинизирани" компромиси. Един и същ шрифт работи от билборд до SMS.

Къде е задължителен

Всички дигитални продукти, печатни материали, презентации и реклами на банката и групата. Изключение: имейл клиенти без уеб шрифтове → системен fallback (вижте по-долу).

Начертания

Използваме четири тегла + курсив. Light е само за много едри дисплейни размери (44px+).

Аа

Light

300 · само дисплей

Аа

Regular

400 · основен текст

Аа

Medium

500 · UI, бутони, етикети

Аа

Bold

700 · заглавия, акценти

Аа

Italic

400i · цитати, бележки

Аа

Ubuntu Mono

код · IBAN · таблични числа

Типографска скала

Осем стъпала покриват всичко. Дисплейните размери са с отрицателен тракинг, дребните — с лек положителен.

Банка с лице

Display · 44/48 · Bold · −2%

Кредит за вашия растеж

H1 · 34/42 · Bold · −1.5%

Депозити и спестявания

H2 · 26/34 · Bold · −1%

Условия по продукта

H3 · 20/28 · Medium

Едър основен текст за водещи абзаци и изнесени цитати.

Body L · 18/29 · Regular

Основен текст — четим, спокоен, с ред 160% от кегела.

Body · 16/26 · Regular

Вторичен текст, описания на полета, помощни бележки.

Small · 14/22 · Regular

НАДПИСИ, ЕТИКЕТИ И ПРАВНА ИНФОРМАЦИЯ

Caption · 12/18 · +2%

Правила за набор

Подравняване

Винаги ляво, без сричкопренасяне в дигитална среда. Двустранно подравняване (justify) е забранено — създава „реки" от интервали. Центриран текст — само заглавия до два реда.

Дължина на реда

45–75 знака за основен текст. По-дългите редове уморяват; при широки макети текстът се лее в колони, не от край до край.

Главни букви

ALL CAPS — само за Caption етикети до 3 думи. Изречения с Главна Буква На Всяка Дума не съществуват в български — не ги внасяйте от английски.

Числа и суми

Суми — с интервал за хилядите и запетая за десетичните: 1 250,00 лв. В таблици числата са в Ubuntu Mono с табличен строеж за подравняване.

Ясно заглавиеКратко пояснение под него с нормално тегло.

Правилно

Ясна йерархия: тегло + размер, един акцент.

ВАЖНО ЗАГЛАВИЕ!!!И удебелен червен текст отдолу

Грешно

Курсив + подчертано + каps + удивителни = никой не знае какво е важно.

Интеграция

Уеб (Google Fonts)

HTML

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,400&family=Ubuntu+Mono&display=swap&subset=cyrillic" rel="stylesheet">

CSS стек с резервни шрифтове

CSS

:root {
  --font-sans: 'Ubuntu', 'Segoe UI', system-ui, -apple-system,
               'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'Ubuntu Mono', ui-monospace, SFMono-Regular,
               Menlo, Consolas, monospace;
}
body { font-family: var(--font-sans); }

Имейл и Office среди

Когато Ubuntu не е наличен (Outlook, системни известия), падаме елегантно към Segoe UI/Arial — те са най-близките широко разпространени заместители. Не вграждайте Ubuntu в имейли като изображения.