UI-Kit


design tokens

Color pallet


Primary

#

#

#

#

#

#

#

#

#

#

#

#

#

Secondary

#

#

#

#

#

#

#

#

#

#

#

#

#

#

#

#

#

#

Focuses and inputs

#

#

#

#

#

#

#

#

#

#

#

#

Neutrals

#

#

#

Fields


Политика безопасности требует надежного пароля:
  • минимальная длина 8 символов
  • хотя бы одна заглавная буква
  • хотя бы одна строчная буква
  • хотя бы одна цифра
  • хотя бы один специальный символ

Icons


Old icons in the project

Buttons


Checkbox


Pressed / Disabled

Fonts


400

16

Sample

24

18

Sample

26

24

Sample

32

30

Sample

40

700

16

Sample

24

18

Sample

26

24

Sample

32

30

Sample

40

900

16

Sample

24

18

Sample

26

24

Sample

32

30

Sample

40

320

h1

Title name

h1 a

Title name

Subtitle1

Subtitle text

p1

Early Middle Japanese pangram poem, composed before 1079 in the Heian period

p1 a

Early Middle Japanese pangram poem, composed before 1079 in the Heian period

em1

Early Middle Japanese pangram poem, composed before 1079 in the Heian period

em1 a

Early Middle Japanese pangram poem, composed before 1079 in the Heian period

h2

Title name

h2 a

Title name

Subtitle2

Subtitle text

p2

Early Middle Japanese pangram poem, composed before 1079 in the Heian period

p2 a

Early Middle Japanese pangram poem, composed before 1079 in the Heian period

em2

Early Middle Japanese pangram poem, composed before 1079 in the Heian period

em2 a

Early Middle Japanese pangram poem, composed before 1079 in the Heian period

h3

Title name

h3 a

Title name

Subtitle3

Subtitle text

p3

Early Middle Japanese pangram poem, composed before 1079 in the Heian period

p3 a

Early Middle Japanese pangram poem, composed before 1079 in the Heian period

em3

Early Middle Japanese pangram poem, composed before 1079 in the Heian period

em3 a

Early Middle Japanese pangram poem, composed before 1079 in the Heian period

Input

Input name

Datepicker

Datepicker-timepicker

Range-picker

Range-picker timepicker