Радиокнопки и чекбоксы

Радиокнопки и чекбоксы на форме размещаются списком в одну колонку. Элементы имеют по 4 состояния.

 

 

Обводка
размер: 1px
HEX: #CDD1D4
RGB: 205,209,212


 

Обводка
размер: 5px
HEX: #BFE5FF
RGB: 191,229,255


 

Обводка
размер: 3px
HEX: #6CA9D2
RGB: 108,169,210


 

Заливка
HEX: #6CA9D2
RGB: 108,169,210


 

Заливка
HEX: #DBE2E6
RGB: 219,226,230


 

Заливка
HEX: #97A1A7
RGB: 151,161,167

 

  X1 X2 X3 Радиус чек-бокса
Десктоп 20 30 30 4
Смартфон 24 10 15 4
Планшет 24 15 30 4

 

 


 

 

Радиокнопки и чекбоксы с пиктограммами

 

Два формата пиктограмм: квадратный X1× X1 и прямоугольный X1× X2. Пиктограммы должны быть вписаны в эту область.

 

Пиктограмма не должна иметь острых углов.

 

Линии пиктограмм имеют достаточную толщину (минимально 2px в масштабе 1:1 на десктопе). Подходящий просвет — в одну линию.

 

Пиктограммы центруются по вертикали радиокнопки или чекбокса.

 

Выравнивание текста зависит от формата пиктограммы.

 


 

Заливка
HEX: #6CA9D2
RGB: 108,169,210


 

Заливка
#CDD1D4
RGB: 205,209,212

 

 

  X1 X2 X3 X4 X5
Десктоп 40 95 30 15 30
Смартфон 30 72 8 10 20
Планшет 30 72 10 15 40

 

 

 


 

 

 

Радиокнопки c содержимым

От выбора варианта из списка возможных зависит, какую информацию нужно вводить в шаге.


При формировании списка радиокнопок приоритетным (первым в выдаче) идет тот, в котором нет выпадающего содержимого.


Предвыбран всегда первый вариант.


Если выпадающее содержимое есть во всех вариантах, оно раскрыто на странице сразу.

 

 

 

Содержимое выпадает «внутри» списка радиокнопок.


Подзаголовок H4 может отсутстовать. Внутренние отступы подложки при этом не изменяются.


Расстояния между элементами внутри содержимого не меняются.

 


 

Заливка
HEX: #E4F6FF
RGB: 228,246,255


 

Цвет линейки
HEX: #88C5E7
RGB: 136,197,231

 

 

  X1 X2 X3 X4 X5 X6 X7 X8
Десктоп 10 10 20 40 20 10 20 30
Смартфон 5 10 вылет 20 вылет 5 10 15
Планшет 8 10 15 30 15 10 20 30

 

 

Отступы между чек боксами в мобильной версии, "Pop-UP" окна, и контентом равен: 20рх.

 

Лайткуб