Типографіка¶
Типографіка є ключовим елементом візуальної ідентичності Факультету прикладних наук УКУ. Правильне використання шрифтів забезпечує впізнаваність бренду та професійний вигляд усіх комунікаційних матеріалів.
Основний шрифт¶
Inter¶
Inter ExtraBold
Inter Medium
Inter Regular
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 |
Основний текст¶
Факультет прикладних наук Українського католицького університету готує фахівців у галузі комп'ютерних наук, аналітики даних та штучного інтелекту. Наші випускники працюють у провідних технологічних компаніях світу.
| Параметр | Значення |
|---|---|
| Гарнітура | Inter |
| Накреслення | Regular (400) |
| Інтерліньяж | 1.6–1.7 |
| Колір | Dark Gray (#58595b) |
Альтернативний шрифт¶
Exo 2¶
Exo 2 ExtraBold
Шрифт 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 |
Підключення шрифтів¶
Завантажте шрифт локально та встановіть у систему:
- Перейдіть на Google Fonts
- Натисніть "Download family"
- Розпакуйте архів та встановіть файли
.ttf
Правила використання¶
!!! success "Рекомендовано" - Використовуйте Inter для всіх офіційних матеріалів - Дотримуйтесь ієрархії ваг шрифту - Забезпечуйте достатній контраст тексту - Використовуйте uppercase тільки для коротких заголовків
!!! warning "Уникайте" - Не використовуйте більше 3 різних ваг на одній сторінці - Не розтягуйте та не стискайте шрифт - Не використовуйте занадто малий розмір (менше 12px для веб) - Не змішуйте Inter з іншими безсерифними шрифтами
!!! danger "Заборонено" - Заміна Inter на інші шрифти в офіційних документах - Використання декоративних або рукописних шрифтів - Зміна пропорцій літер