Размеры и отступы
Типографика
Состояния полей
Подсказки
Фиксированный заголовок
Ошибки
Обязательные поля
Размеры и отступы
Типографика
Для основного текста используйте — Body L Regular (Compressed).
Для названия поля и подсказок — Body S.
Для ошибок — Body S Error.
Состояния полей
Статичное пустое
![]() | Текст | #999 rgb (153, 153, 153) |
![]() | Линия | #CCC rgb (204, 204, 204) |
В фокусе пустое
![]() | Заголовок, линия | #FF8C00 rgb (255, 140, 0) |
В фокусе заполненное
![]() | Основной текст | #000 rgb (0, 0, 0) |
![]() | Заголовок, линия | #FF8C00 rgb (255, 140, 0) |
Статичное заполненное
![]() | Основной текст | #000 rgb (0, 0, 0) |
![]() | Заголовок | #999 rgb (153, 153, 153) |
![]() | Линия | #CCC rgb (204, 204, 204) |
Неактивное поле
Длинна пробела — 3pt, размер точки — 1pt.
![]() | Заголовок и основной текст | #999 rgb (153, 153, 153) |
![]() | Цвет линии | #E6E6E6 rgb (230, 230, 230) |
Подсказки
В одну строку
В две строки
![]() | Подсказка | #999 rgb (153, 153, 153) |
Фиксированный заголовок
Ошибки
Пустое поле с ошибкой
Заполненное поле с ошибкой
![]() | Ошибка, линия | #D0021B rgb (208, 2, 27) |
Обязательные к заполнению поля
Обязательное поле статичном состоянии:
Когда обязательное поле не заполнено, появляется подсказка.
Если обязательное поле имело описание, оно выделяется как ошибка без дополнительных предупреждений о том, что поле необходимо заполнить.