Типографика

Интерфейсы на 80% состоят из текста, и наша задача — сделать их понятными и удобочитаемыми для клиентов.

При работе с текстом предпочтения отдаются крупному кеглю и уверенным начертаниям. Для заголовков используются начертания Bold, реже Black. Для активных элементов интерфейса — Medium и Regular. Основной текст набирается начертанием Regular.

Гарнитуры

Для каждой платформы используется системный шрифт. Для продукции Apple — это SF Pro, для Android — в основном Roboto, для MS Windows — Segoe UI.

Это решение ускоряет работу веб-приложений, минимизирует разницу в шрифтах при использовании web-view внутри нативного приложения, а также предоставляет широкие возможности при работе с текстом. Например, в iOS реализована динамическая работа с гарнитурой SF: в зависимости от кегля и устройства, меняется подсемейство с адаптированным под размер начертанием, увеличивается межбуквенное расстояние и за счёт этого улучшается читаемость.

Стандартный набор шрифтовых гарнитур для всех компонентов:

font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Open Sans", "Helvetica Neue", sans-serif;