Balance Logo
Reckon Design System


Patterns are solutions consisting of documentation, components and guidelines intended to be used to solve common, recurring problems.

This shared vocabulary is evolutionary and the basis of our design system, which exists to enable UI consistency, improve development efficiency and provide clear guidance for creating our products.

Illustration of Balance components composed together, creating small interfaces


General patterns that apply to design and development.


Guidelines to enable people with impairments and disabilities.

View accessibility

Date & time

Date and time formats are used as timestamps on messages, dates within the calendar and to help the user understand when something happened.

View date & time


Effective filters are the quickest way to allow our users to narrow down and find content. Our filters must function consistently for the best user experience.

View filters


Guidelines for inputting data and configuring options.

View forms


Our app’s layout provides users with consistent structure and behavior, as well as access to frequently used tools.

View layout

Navigation is the primary method of accessing different sections of our app. Refer to this pattern when creating, adjusting, or implementing navigation.

View navigation


Patterns that apply only to development.

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