Design System GuideDS Guide
Docs
Docs
8.1 Understand the existing design process8.2 Visual audit8.3 Identify design elements8.4 Identify components8.5 Experiments and A/B testing8.6 Regional requirements8.7 Audit output
10. Accessibility Foundations
15. Typography16. Motion and Interaction
8. Existing Design Analysis

8.3 Identify design elements

Existing Design Analysis · Section 8.3

Create an inventory of foundational values:

  • colors
  • font families
  • font sizes
  • font weights
  • line heights
  • spacing
  • borders
  • radius
  • shadows
  • icon sizes
  • breakpoints
  • z-index layers
  • motion durations
  • easing curves

Later, these become token candidates.

8.2 Visual audit

Existing Design Analysis · Section 8.2

8.4 Identify components

Existing Design Analysis · Section 8.4