Типографіка¶

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

Основний шрифт¶

Inter¶

Inter ExtraBold

Inter Medium

Inter Regular

Inter — сучасний безсерифний шрифт з відкритим кодом, розроблений Расмусом Андерссоном спеціально для екранних інтерфейсів. Відрізняється чудовою читабельністю на будь-яких розмірах та підтримує кириличні символи.

Завантажити Inter

Ієрархія шрифтів¶

Заголовки першого рівня¶

COFFEE & DATA SCIENCE

Параметр	Значення
Гарнітура	Inter
Накреслення	ExtraBold (800)
Регістр	Верхній (UPPERCASE)
Трекінг	+50 (0.05em)

font-family: "Inter", sans-serif;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;

Заголовки другого рівня¶

Master's Symposium on Advances in Data Mining, Machine Learning, and Computer Vision

Параметр	Значення
Гарнітура	Inter
Накреслення	Medium (500)
Регістр	Звичайний (Sentence case)
Трекінг	0

font-family: "Inter", sans-serif;
font-weight: 500;

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

Факультет прикладних наук Українського католицького університету готує фахівців у галузі комп'ютерних наук, аналітики даних та штучного інтелекту. Наші випускники працюють у провідних технологічних компаніях світу.

Параметр	Значення
Гарнітура	Inter
Накреслення	Regular (400)
Інтерліньяж	1.6–1.7
Колір	Dark Gray (#58595b)

font-family: "Inter", sans-serif;
font-weight: 400;
line-height: 1.7;
color: #58595b;

Альтернативний шрифт¶

Exo 2¶

Exo 2 ExtraBold

Шрифт Exo 2 використовується як альтернатива для презентацій та акцентних заголовків, коли потрібен більш технологічний, футуристичний вигляд.

Завантажити Exo 2

Специфікації розмірів¶

Для веб-застосунків¶

Елемент	Шрифт	Вага	Розмір	Інтерліньяж
H1	Inter	ExtraBold (800)	48px	1.1
H2	Inter	ExtraBold (800)	36px	1.2
H3	Inter	Medium (500)	24px	1.3
H4	Inter	Medium (500)	20px	1.4
Body	Inter	Regular (400)	16px	1.7
Small	Inter	Regular (400)	14px	1.5
Caption	Inter	Regular (400)	12px	1.4

Для друкованих матеріалів¶

Елемент	Шрифт	Вага	Розмір	Інтерліньяж
H1	Inter	ExtraBold (800)	36pt	40pt
H2	Inter	ExtraBold (800)	24pt	28pt
H3	Inter	Medium (500)	18pt	22pt
Body	Inter	Regular (400)	11pt	14pt
Caption	Inter	Regular (400)	9pt	11pt

Підключення шрифтів¶

HTMLCSSFigma / Sketch

<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=Inter:wght@400;500;800&display=swap" rel="stylesheet">

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;800&display=swap');

body {
  font-family: 'Inter', sans-serif;
}

Завантажте шрифт локально та встановіть у систему:

Перейдіть на Google Fonts
Натисніть "Download family"
Розпакуйте архів та встановіть файли .ttf

Правила використання¶

!!! success "Рекомендовано" - Використовуйте Inter для всіх офіційних матеріалів - Дотримуйтесь ієрархії ваг шрифту - Забезпечуйте достатній контраст тексту - Використовуйте uppercase тільки для коротких заголовків

!!! warning "Уникайте" - Не використовуйте більше 3 різних ваг на одній сторінці - Не розтягуйте та не стискайте шрифт - Не використовуйте занадто малий розмір (менше 12px для веб) - Не змішуйте Inter з іншими безсерифними шрифтами

!!! danger "Заборонено" - Заміна Inter на інші шрифти в офіційних документах - Використання декоративних або рукописних шрифтів - Зміна пропорцій літер