Finance

The Figma page holds every screen twice, a light row and a dark row. Each frame sets its modes explicitly, Color Tokens = Light or Dark and Platform = ios-md. Nothing is left to inherit, so a frame dropped into another file arrives in the theme it was drawn in.

That is 78 component instances. The other 53 are Lucide icons, 25 distinct names, every one an instance off the shared icon page rather than a pasted vector. No third party asset is placed on these screens.

Drawn locally, not instances: the Portfolio line chart, 150 nodes, a stroked path with 147 hairline bars behind it, a dot and a tooltip; the Pay QR code, 336 vectors; seven 40 x 40 category tiles; and on the card screen two raw LINE nodes inside the settings list. Chart and QR have no component to be an instance of, which is the honest reason they are drawn. The two lines are not: Divider ships, and those two should fold back into it.

Every amount is right aligned and every amount carries two decimals, so the decimal points stack down the column whatever the length. One emphasized style covers the whole list; a debit and a credit differ by colour and nothing else. Only the credit takes a colour, which is the decision worth copying: ordinary spending reads as ordinary, and the error red stays available for a real error.

Six collections carry the file: Foundations, Color Tokens, Typography, Motion, Platform and Platform Bridge. Color Tokens holds Light and Dark, Platform holds ios-md, ios-lg and android, Platform Bridge holds Brand and System. These screens pin Color Tokens and Platform on every frame and leave the rest at their defaults.