Поля ввода

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

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

Типографика

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

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

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

Когда обязательное поле не заполнено, появляется подсказка.

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

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