Flat

Flat strips away every illusion of depth and lets color, shape, and type carry the entire experience. There are no gradients pretending to be light and no shadows pretending to be elevation — just solid blocks, clean edges, and effortless readability.

The feeling is honest, calm, and modern. Reach for Flat when you want an interface that loads light, reads instantly, and never gets in the user's way: productivity tools, SaaS apps, onboarding flows, and any product where clarity is the headline rather than ornament.

Design principles

• No fake depth. Skip shadows, bevels, and gloss; rely on flat color and clean borders to separate regions.
• Solid color blocks. Fields of pure, unmodulated color define structure and hierarchy.
• Simple geometry. Shapes stay basic and intentional — rectangles, circles, and clean line icons.
• Maximum readability. Generous contrast, comfortable sizing, and uncluttered layouts come first.
• One consistent system. A single accent, one neutral ramp, and predictable spacing everywhere.
• Quiet confidence. Restraint over decoration — the interface should feel obvious to use.