Empty State

The set is drawn twice in Figma, a light row and a dark row, with Color Tokens set explicitly on every frame rather than inherited from the page. The dark screens are not a second drawing. They are the same instances resolved against the other mode.

Add Money reports no nested instances at all, and that single anomaly is the tell. On Error the glyph is nested because it sits inside the _Alert Status component. On Add Money it sits at the top level because the badge around it was drawn by hand. The states section explains why, and what to do about it.

Four types, one axis, 64 x 64 in the component and scaled to 80 on these screens. Pick the type from what the user is meant to feel, not from the colour you want.

Now the part that is drawn locally, because a docs page that hides it is worth nothing. On Add Money the badge is not an instance. It is a frame holding two ellipses at 70 and 60 with a wallet-minimal icon at 35, a hand made copy of the component sitting one screen away from the real thing. It happened for a reason worth fixing rather than scolding: the Type axis fixes the glyph per type, so there is no way to keep the badge and change the icon to a wallet. The fold back is specific. Give _Alert Status an instance swap property for its glyph, and this rebuild disappears along with every future one. Four rectangles named Divider, 345 x 179, also sit at the top and bottom of both screens doing the centring; they carry a real fill bound to bg/white-0 rather than being empty spacers, so they are load bearing and should stay, but the name is wrong and should not survive the next pass.

The badge fill on Add Money resolves through state/information/lighter-50, which lands on a pale blue in Light and a saturated blue in Dark. Even the hand drawn badge is fully bound, so the local copy survives the mode switch. It is a component problem, not a token problem, and the two are worth telling apart when you audit your own file.