На текущей странице рассматривается наложение стилей только на текста
В таблице приведены только цвета, используемые в текстах
Макеты экранов
Стили от дизайна
Общий JSON со стилями
Текста
| style name |
font-family |
font-size |
font-weight |
figma name |
| font-text-vernum |
inter |
48 |
500 |
Verification num |
| font-text-apprsum |
inter |
40 |
500 |
Approved sum |
| font-text-availsum |
inter |
32 |
600 |
Available sum |
| font-text-h1 |
inter |
28 |
600 |
H1 |
| font-text-h2 |
inter |
22 |
600 |
H2 |
| font-text-h3 |
inter |
20 |
600 |
H3 |
| font-text-h4 |
inter |
16 |
600 |
H4 |
| font-text-h5 |
inter |
15 |
600 |
H5 |
| font-text-h6 |
inter |
12 |
600 |
H6 |
| font-text-ctabtn |
inter |
17 |
600 |
CTA BTN |
| font-text-btn |
inter |
17 |
600 |
Btn |
| font-text-title |
inter |
18 |
500 |
Title |
| font-text-large |
inter |
18 |
400 |
Large txt |
| font-text-body |
inter |
15 |
400 |
Body |
| font-text-small |
inter |
13 |
400 |
Small txt |
| font-text-interlinear |
inter |
12 |
400 |
Interlinear |
| font-text-navbar |
inter |
10 |
600 |
Navbar txt |
| font-text-subheadlinebold |
inter |
15 |
600 |
subheadlinebold |
| font-text-captionregular |
inter |
|
|
caption1regular |
Цвета
| style name |
color |
figma name |
| color-text-light-first |
#FFFFFF |
White |
| color-text-dark-first |
#0E1A22 |
Black |
| color-text-dark-second |
#242424 |
Light Black |
| color-text-major-first |
#B51ACE |
Purple |
| color-text-major-second |
#E127FF |
Vivid purple |
| color-text-major-third |
#43B02A |
Green |
| color-text-major-fourth |
#5A717C |
DarkBlue |
| color-text-minor-first |
#707070 |
Gray 1 |
| color-text-minor-second |
#A0A0A0 |
Gray 2 |
| color-text-accent-error |
#E32A5F |
Error |
Основные модификаторы
Жирность
| style name |
weight |
| mod-text-weight-regular |
400 |
| mod-text-weight-medium |
500 |
| mod-text-weight-bold |
600 |
Подчеркнутый
| style name |
text-decoration |
| mod-text-underline |
underline |