Elements: проверка контраста каждого UI-компонента на вашей палитре

В галерее Explore появился третий режим - Elements, наравне с Products и Styles. Вместо мокапа страницы он показывает настоящие, сгруппированные по смыслу UI-контролы - типографику, кнопки, формы, бейджи и статусные алерты - прямо на вашей сгенерированной палитре, в двух видах: Lab, таблица состояний (default/hover/disabled и другие), и Mockup, те же компоненты в мини-макете реальной страницы для контекста.

Каждая пара цветов на экране несёт живую пилюлю с контрастом (коэффициент + вердикт AA/AAA/Fail), а сводка наверху собирает все провалы AA по всем группам в один список - клик по строке сразу ведёт к нужному компоненту в Lab.

Рядом с каждой проваленной парой - два действия: Fix на месте подбирает ближайшей роли палитры цвет, проходящий по AA. Skip приглушает красную подсветку для одной строки, чтобы оценить цвет отдельно, не трогая при этом саму палитру и счётчик провалов в сводке - как только цвета в паре реально меняются, Skip снимается автоматически.