Поля ввода

Размеры и отступы
Типографика
Состояния полей
Подсказки
Фиксированный заголовок
Ошибки
Обязательные поля

Размеры и отступы

Типографика

Для основного текста используйте — 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)

Обязательные к заполнению поля

Обязательное поле статичном состоянии:

Незаполненное обязательное поле рекомендуется сопровождать подсказкой.

Если обязательное поле имело описание, то оно выделяется как ошибка, без дополнительных примечаний об обязательном заполнении.

Далее «Прогресс-бар»