Размеры и отступы
Типографика
Состояния полей
Подсказки
Фиксированный заголовок
Ошибки
Обязательные поля
Размеры и отступы
Типографика
Для основного текста используйте — 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) |
Обязательные к заполнению поля
Обязательное поле статичном состоянии:
Незаполненное обязательное поле рекомендуется сопровождать подсказкой.
Если обязательное поле имело описание, то оно выделяется как ошибка, без дополнительных примечаний об обязательном заполнении.