Из чего собран макет

Токены и компоненты. Этим набором собираются все экраны кабинета.

Цвета

#fe85bc
--pink — акцент, дуга прогресса

#a6c762
--lime — рамки, шапка, плитки

#71b6fb
--blue — плитки, полосы

#292929
--ink-dark — кнопки, цифры

#6a6a6a
--ink-soft — второстепенный текст

#efefef
--track — дорожка полосы

#ececed
--chip — нейтральный тег

#f1f1f1
--grid — клетка на фоне

Кнопки

Теги

Онлайн-вебинар Практика Выполнено Биология

Показатели

Синий

22 %

Розовый

63 %

Зелёный

39 %

Кольцо

51%

80%

12%

Отметки

Иконки

Иконки белые с цветными деталями и живут на заливке — поэтому показаны на подложках тех же цветов, что и плитки.