Update badge components in the Sketch UI Kit
Problem
Badges look similar to labels, and they do share in the fact that they contain meta data, but we wanted to limit the available styles. More details can be found in this thread &2256 (comment 262617731).
Solution
Update the Sketch UI Kit with the latest badge designs that can be found in Figma. The exploratory work was done there, and the decision was to mirror the design here once a decision had been made.
Badges will be monochromatically themed. For example, combining light green for the background, and dark green for the text. Whereas labels will use white text on dark backgrounds, and dark gray text on light backgrounds.
From &2256 (comment 262617731)…
There will always be some opportunity for labels and badges to appear similar in this regard, but perhaps this limits it enough and context sees it through.
In this way badges feel softer, but still have visual weight. Bold text can be used for stronger emphasis.
Badges in Figma use the proposed color palette updates, so what you see in Sketch will appear different, but use the same color variables prescribed in Figma. Eventually it will be a 1:1.
/cc @pedroms @tauriedavis