Типографика

Интерфейсы во многом состоят из текста, и от того как набран этот текст, зависит общее восприятие дизайна и удобство работы с системой.

Стили типографики, для использования в сервисах Контура смотрите в гайде по текстовым стилям.

Разрядка

Текст ПРОПИСНЫМИ набирается вразрядку. Чем мельче текст, тем бо́льшая разрядка нужна. Большой объем текста набирать прописными нежелательно — читаемость хуже.

Текст строчными никогда не набирается вразрядку. Благодаря выносным элементам у строчных, человек узнает слово по форме. Большая разрядка наоборот превращает слово в набор отдельных букв, что сильно замедляет чтение.

Фредерик Гауди говорил: «Тот, кто набирает строчными вразрядку, способен красть овец».

Тонкий пробел

Тонкий пробел или 1/8 круглой шпации используется для отделения порядков в числах, наборе инициалов и некоторых других случаях. В HTML тонкий пробел вставляется мнемонимом &thinsp. Чтобы вставить тонкий пробел в макет, включите в настройках Mac OS ввод юникод символов:

Откройте System Preferences > Keyboard > Input Sources.
Нажмите кнопку + под списком источников ввода.
В самом низу списка выберите «Other», а в окне справа — «Unicode Hex Input» и добавьте его в список источников ввода.

Перед вводом юникод символов выберете источник ввода «Unicode Hex Input». Зажав клавишу Option наберите «2009» — с нажатием последней цифры введется тонкий пробел. Не забудьте написать отдельный комментарий для верстальщика, иначе тонкий пробел при переносе макета в верстку может превратится в обычный.

Когда тонкий пробел недоступен, нужно ставить обычный. За исключением знаков % и №, их в таком случае лучше набирать без отступов.

Знак рубля

Используйте знак рубля — ₽. За знаком рубля закреплен юникодовский символ U+20BD и он присутствует в актуальных версиях Lab Grotesque K и Helvetica Neue.

Телефонные номера

Телефонные номера вида (343) 123-45-67 Айфон понимает неправильно. Если открыть на Айфоне страницу с таким телефоном и тапнуть по номеру, то Айфон попытается набрать 343 123-45-67 — не догадается добавить в начало 8 или +7. Решить проблему можно: сверстать так, чтобы Айфон видел +7, а пользователь Айфона — не видел. Если хитрое решение по каким-то причинам невозможно, пишите бесхитростно: +7 343 123-45-67.

Пробелы

Обычный

Неразрывный

Тонкий пробел

Черточки

—

директор интернет‑магазина

Эстеты могут отбивать тире тонкими шпациями.

20-30 котлет

В диапазонах цифрами — короткое тире без отбивки.

Возьмите двадцать

—

тридцать котлет

В диапазонах — тоже длинное тире.

−30...−5

°C, но 40°

Правильные минусы. Многоточие — не один символ, а три точки.

Цифры

3030

1810

5000

0100

0001

≠

146

Номера карт и счетов разбиваются на блоки.
В уравнениях знаки отбиваются тонкой шпацией.

+3; -7; и ±9

Знаки унарных операций — без отбивки.

520

800,8

м² за 920,00

₽

Единицы измерения и разряды отбиваются тонкой шпацией

Документ №

21701

Номера обычно не разбиваются на группы

2.8

2,8

Дробная часть отделяется запятой

Телефонные номера

495

123-45-67

Не ставьте скобки, если номер нельзя набрать без этого кода. Например, если это номер сотового или городского, который набирают с кодом — у Москвы есть два кода города.

(343)

123-45-67

При верстке незримо поставьте +7 в начало для того, чтобы Айфон правильно набрал номер.

800

100-10-10

Только 8 800 с восьмерки, в остальных случаях +7.

Дата и время

9 апреля, пятница

Апрель лучше, чем 04.

9.04.2012 в 7:40

В датах — точка, во времени — двоеточие

9 апреля 2012

Если места не жалко, ставить в конце г.

9/04/2012 в 7.40

Адреса и т.п.

ул.

П.

С.

Пушкина,

18а/2,

корп. 3

оф.

105

1988-2019

СКБ

Контур

т. к.

т. д.