White background. Light gray surfaces. Near-black text. Near-black accent. This is effectively a monochrome system with a twist: the borders are 2px wide, creating visible structural lines. The muted text (#8D969E) introduces the only real color variation. That cool steel-blue gray is the temperature of the whole system. Professional. Precise. Unflappable.

Inter at weight 500 for headings with tight letter-spacing (-2.08px). The compression creates density. Dense headlines on a financial platform read as data-rich, not cluttered. The 1.696 type scale is aggressive. Headlines jump significantly from body size. That creates clear zones on the page. Numbers here. Actions there. Information over there. The typography is doing the layout's job.

Body text at regular weight with a 1.33 line height is tighter than most. At 18px base size, the text is large enough to read comfortably despite the compressed leading. The larger base size paired with tight line height creates a feeling of density and importance. Every line of text looks like it matters because there's no wasted vertical space.

No shadows. The depth system relies on the strong border lines and surface color shifts. The bouncy easing curves (cubic-bezier with overshoot) add playful physics to interactions. Elements snap and settle like physical objects. The scale hover effect means touching something makes it react physically. For a fintech product, this kinetic quality transforms static data into something that feels alive and responsive.