Generous, friendly border radii that create a warm and approachable feel. Rounded corners soften the interface, making it perfect for consumer apps, wellness, and education platforms.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Use the Soft Rounded radius system for a warm, approachable UI. Border radii: 8px for buttons and inputs, 12px for cards and containers, 16px for modals and large sections, 9999px for pills and badges. The generous rounding creates visual comfort and friendliness. Apply consistently — every element should feel soft and inviting. Avatars use rounded-full (circular).Generous, friendly border radii that create a warm and approachable feel. Rounded corners soften the interface, making it perfect for consumer apps, wellness, and education platforms.