Settings
Three settings screens, drawn light and dark. Seventeen of the twenty nine placed instances are one component, which is why changing List changes the whole settings area.
Preview
Three screens for the part of an app nobody demos. A settings menu, a selection list carrying toggles, and an account form. Two of the three are almost entirely one component.






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.
What it is built from
Seventy seven instances across three screens. Thirty eight are Appetite components, thirty seven are Lucide icons, two are brand assets. Seven distinct components carry the whole set.
List carries seventeen of the twenty nine placed instances, and the twelve chevrons, four Toggles and every leading glyph sit inside it. That is the argument in one number: change List and the settings area changes, because the screen is a set of content decisions rather than a drawing. Lucide supplies twenty distinct icons thirty seven times. Assets supplies the Apple mark and one flag set.
Tokens
Six collections behind the three screens. Switching one mode is the entire dark mode step.
The last two rows are listed because they are part of the same source, not because a flat screen uses them. Worth checking if you are auditing your own file: even the hand drawn separators here have their stroke bound to a variable, so the whole set survives a mode switch without a single hardcoded colour.