Modern

Modern is a calm, contemporary design language tuned to how the best web products look today: soft layered shadows, gently rounded corners, restrained neutral palettes, and a single confident accent. It feels light, trustworthy, and effortless — the kind of interface that disappears so the content and workflow take center stage. Reach for it when building SaaS apps, dashboards, and startup sites that need to feel polished and current without shouting.

Design principles

• Quiet by default, loud only where it counts. One accent color does the heavy lifting; everything else is neutral.
• Depth through softness. Elevation comes from soft, multi-layer shadows rather than hard borders or harsh drop shadows.
• Comfortable density. Generous but not wasteful spacing keeps interfaces scannable and unhurried.
• Consistent rounding. A shared 12px radius across cards, inputs, and buttons creates visual cohesion.
• Content first. Typography and layout prioritize legibility and hierarchy over decoration.
• Equally crisp in light and dark. The system is designed for both modes from the start.