Типографія зберігається окремими файлами в бібліотеці Figma.

Для кожної платформи створюється окремий файл (наприклад, Typography-Android, Typography-iOS, Typography-Web).

Для управління токенами використовуються змінні, а для стилізації — стилі Figma.

Усі налаштування в стилях прив’язані до змінних із колекції Typography.

Стилі

Стилі налаштовуються у файлі Typography та підключаються через бебліотеку у файл проєкту.

За основу взято стандартний набір шрифтів з iOS Human Interface Guidelines. Він включає наступні стилі:

• Large Title — для головних заголовків і основних акцентів.
• Title 1, Title 2, Title 3 — для заголовків різного рівня.
• Headline — для акцентного тексту, наприклад, у картках або банерах.
• Body — для основного тексту у статтях, параграфах і довгих текстах.
• Callout — для підзаголовків або виділення короткого тексту.
• Subheadline — для додаткової інформації чи пояснень.
• Footnote — для коментарів чи вторинної інформації.
• Caption 1, Caption 2 — для підписів до зображень або елементів.

Рекомендації:

• За потреби можна додавати стилі, наприклад, Body 1. Проте намагайтеся мінімізувати кількість стилів.