Эти значения применяются во всех макетах и в самом Design Hub — держите их под рукой при вёрстке.
| Токен | Значение | Где применяется |
|---|---|---|
| spacing/8 | 8 px | зазор внутри бейджа и мелких групп |
| spacing/12 | 12 px | вертикальный паддинг бейджа |
| spacing/16 | 16 px | зазор между слотами карточки |
| spacing/24 | 24 px | паддинг карточки, Note, Quote |
| Токен | Значение | Где применяется |
|---|---|---|
| radius/sm | 10 px | карточки, плашки, плитки иконок |
| radius/md | 18 px | крупные карточки |
| radius/lg | 24 px | медиа-контейнеры |
| radius/full | 999 px | кнопки и бейджи — всегда pill |
| border/default | 1.5 px | границы карточек и Ghost-кнопок |
| border/thick | 2 px | акцентная обводка медиа |
| Токен | Значение | Где применяется |
|---|---|---|
| size/tile-sm | 52 px | плитка иконки в строке и цитате |
| size/tile-md | 88 px | плитка иконки в карточке |
| size/rule | 60 × 4 px | зелёная черта в шапке секции |