#Things to consider

  • A design system is a set of interconnected patterns and shared practices organized to serve the purpose of a digital product.
  • Perceptual patterns - Iconography, typography, colors, tone of voice, spacing and layout. The things that makes up your brand.
  • A pattern is a recurring, reusable solution that can be applied to solve a design problem.
  • A pattern library is a part of the overall design system
  • Visual Loudness Scale - Create a scale for your components. “Scream”, “Loud”, “Cheer”, “Whisper” etc.

#Different ways of exploring perceptual patterns

  • Mood boards
  • Style tiles
  • Element collages
  • Signature moments—small interactions that become product differentiators. Could be an elegant loader, or an animation that creates a “brand” feeling.