domains / families / design / flat

flat

separate

Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.

When to use

• creating flat design system guidelines
• defining design tokens and foundations
• specifying component anatomy and states
• writing accessibility acceptance criteria
• defining content and tone standards
• identifying anti-patterns and prohibited implementations
• creating QA checklists for code review

When not to use

• 3D effects
• shadows
• gradients
• textures

Skill page

Source