Размеры и отступы
Типографика
Состояния полей
Подсказки
Фиксированный заголовок
Ошибки
Обязательные поля
Размеры и отступы
Типографика
Для основного текста используйте — 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) |
Неактивное поле
![]() | Заголовок и основной текст | #999 rgb (153, 153, 153) |
![]() | Цвет линии | #E6E6E6 rgb (230, 230, 230) |
Подсказки
В одну строку
В две строки
![]() | Подсказка | #999 rgb (153, 153, 153) |
Фиксированный заголовок
Ошибки
Пустое поле с ошибкой
Заполненное поле с ошибкой
![]() | Ошибка, линия | #D0021B rgb (208, 2, 27) |
Обязательные к заполнению поля
Обязательное поле статичном состоянии:
Незаполненное обязательное поле рекомендуется сопровождать подсказкой.
Если обязательное поле имело описание, то оно выделяется как ошибка, без дополнительных примечаний об обязательном заполнении.