Skip to main content


Foundations are guidelines for using elements of visual design and interaction.

Our foundations provide guidance on using visual elements like color and typography, as well as framing for broad design concepts such as design tokens and accessibility.

  • Designing for accessibility ensures that interfaces and content are meaningful and effective for everyone.
  • Reusable elements of design are captured as design tokens to ensure consistency without sacrificing flexibility.
  • A color system defines visual hierarchy and identity through a consistent experience of color.
  • Effective typography adds clarity and purpose to the flow of your content.
  • Consistent spacing within and between visual elements balances a design and makes it easier to scan.
  • Careful use of motion can highlight important information and relationships in an expressive way.
Last updated on by Evan Yamanishi