Balance Logo
Balance
Reckon Design System

Welcome

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

Designing

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)

Developing

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)

Documentation

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.

Components

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

Browse components

Content

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

Read content guidelines

Patterns

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

Read pattern guidelines

Guides

Read the guidance for crafting specific product experiences at Reckon.

Browse the guides

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