The background (#FCFCFD) is almost white with the faintest blue-gray undertone. The surface color (#D9D9E0) is a visible gray with a cool lavender shift. These two layers create a subtle but unmistakable coolness. This isn't warm. This isn't neutral. This is the specific temperature of a design tool that takes itself seriously.

Inter at weight 700 for headings with extremely tight letter-spacing (-3.6px). This is aggressive compression. The letters nearly overlap. It creates a typographic texture that reads as a visual element, not just text. Headlines become graphic objects. That's a conscious choice for a design tool. The interface itself demonstrates design thinking.

Body text at regular weight with standard 1.5 line height brings everything back to readable. The contrast between the compressed, bold headings and the calm body text is dramatic. It's a two-speed system. The headings stop you. The body text informs you. At 16px base size with a 1.2 type scale, the body stays compact and tool-like.

No shadows. No glow. No depth effects at all. Elements exist on the same plane, separated only by surface color. The lift hover effect provides the only z-axis feedback. The 4px surface blur creates a subtle frosted quality on overlapping elements. Combined with fast motion speed, the interface feels precise and responsive. Like a tool that was calibrated, not decorated.