gray-50 gray-100 gray-200 gray-300 gray-400 gray-500 gray-600 gray-700 gray-800 gray-900 primary-50 primary-100 primary-200 primary-300 primary-400 primary-500 primary-600 primary-700 primary-800 primary-900

reusable, flexible, and scalable components
that are reliable and simple to use
for creatives and developers

  • Allow for single component usage, complex arrangements, or custom html
  • Be unopinionated about component markup and styling
 gray-50 gray-100 gray-200 gray-300 gray-400 gray-500 gray-600 gray-700 gray-800 gray-900 primary-50 primary-100 primary-200 primary-300 primary-400 primary-500 primary-600 primary-700 primary-800 primary-900

Remove repetitive work to allow creatives and developers to work on more complex and interesting problems

Performant - built with stencilJS

Rely on built in patterns to ensure usability, a fast build, and ultimate creative capabilities

All components are keyboard navigable and screen reader friendly out of the box
  • allow for an ever evolving list of components without disruption to existing components by keeping components in atomic pieces
  • Throwing out the baby out with the bathwater will lead to an unstable system
  • Rebuilding the same functionality every time is like throwing the baby out with the bathwater and will lead to an unstable system