domains / families / design / spacious

spacious

separate

Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.

When to use

• design-system guideline authoring
• defining design tokens and foundations
• specifying component anatomy and states
• defining accessibility acceptance criteria
• creating QA checklists for code review
• defining spacing and typography rules

When not to use

• decorative motion without purpose
• low contrast text
• inconsistent spacing rhythm
• ambiguous labels
• mixing multiple visual metaphors
• inaccessible hit areas

Skill page

Source