Типографика

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

Шрифт используется в печатных изданиях, веб-сайтах и мобильных приложениях для создания единого стиля оформления.

Для заголовков и слоганов рекомендуется использовать начертание Extra Bold, а для набора основного текста — начертание Medium.

Дополнительный шрифт

Для деловых переписок и документации используется дополнительный шрифт — Arial.

Рекомендуется использовать начертания Regular для основного текста и Bold для выделения заголовков.

Начертание

Принцип архитектурной модели строится на:

  • чёткой модульной логике;
  • минимальном количестве весов;
  • строгом ритме;
  • увеличенном масштабе;
  • максимальном воздухе.

Основное начертание — Medium. Другие начертания используются ограниченно и не применяются для построения иерархии.

Размерная шкала

Разница между уровнями:

  • для web-версии: минимум 30%;
  • для печати: минимум 40%.

Минимально допустимые размеры:

  • для полноэкранной версии: 10pt / 14px;
  • для мобильных приложений: 7pt / 9px;
  • для печати: 9pt / 12px.

Заливка

Заливка текста осуществляется для выделения заголовков и акцентов при оформлении текста.

Отступы в тексте рассчитываются по формуле относительно размера шрифта:

Х — высота шрифта; Х * 0.6 — горизонтальные отступы; Х * 0.3 — вертикальные отступы.

Символы

Не рекомендуется использовать более трёх шрифтовых размеров в одном макете. Предпочтительнее использовать два контрастных размера.

Для равновесия композиции можно использовать следующие символы:

— стрелка (→) — стрелка в скобках // — двойная косая черта (двойной слеш) # — решетка (хештег) + — плюс

Примеры использования