Balance Logo
Reckon Design System


Balance is Reckon's design system for products and digital experiences. With the Reckon Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a community of contributors.

Illustration of Balance components composed together, creating small interfaces


UI and UX Designers use Figma and this Documentation to make decisions about the best approach to achieve the goals of a project.

View the Figma designs (private)


Web Developers consult the Figma assets to see which pieces are Balance and which need to be custom-built, and leverage Component examples and requirements as-needed.

Clone the BitBucket repository (private)


A distinct and consistent brand presence sets us apart from competitors, builds trust and familiarity with our customers, and eventually leads to long-term brand value.


Use components as building blocks as you develop new products and features.

Browse components


Learn how to use language to design a more thoughtful product experience.

Read content guidelines


Find out how we approach implementing elements of our interface with purpose.

Read pattern guidelines


Read the guidance for crafting specific product experiences at Reckon.

Browse the guides

Copyright © 2021 Reckon. Designed and developed in partnership with Thinkmill.