White background with a near-black accent creates the highest possible contrast ratio for interactive elements. Buttons, links, and primary actions punch through the clean white surface like markers on a whiteboard. The subtle blue-tinted shadow (rgba with a blue shift at 15, 48, 106) adds a professional undertone without being visible as a color. You feel it more than see it.

Inter at weight 400 with normal letter-spacing. Clean. Unassuming. In a data tool, the typography needs to work at every size from table headers to card titles to inline labels. Inter handles all of those without flinching. The 1.35 line-height keeps data rows compact while keeping paragraph text readable.

The large type scale (1.69) creates significant size differences between heading levels. That dramatic hierarchy helps users navigate complex interfaces where multiple content types compete for attention. Big titles anchor sections. Small labels stay out of the way.

Soft layered shadows with a cool blue undertone. Elements lift gently off the white canvas. The shadow is so subtle you'd miss it in a screenshot, but remove it and everything would feel flat and lifeless. That's the hallmark of good shadow design. Present but invisible. The lift hover effect adds to the physical metaphor. Cards rise. Buttons respond. The interface has weight.