A balanced approach that mixes sharp and rounded corners intentionally. Cards are rounded while containers stay angular, creating visual hierarchy through corner treatment. The modern SaaS standard.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Use the Mixed Modern radius system — the balanced SaaS standard. Border radii: 4px for buttons and small inputs, 8px for cards and dropdowns, 12px for modals and large containers, 9999px for badges and avatars only. This system creates hierarchy through corner treatment — larger elements get more rounding, small elements stay crisp. Sections and page-level containers use 0px.A balanced approach that mixes sharp and rounded corners intentionally. Cards are rounded while containers stay angular, creating visual hierarchy through corner treatment. The modern SaaS standard.