Balance Logo
Balance
Reckon Design System

Introduction

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

General patterns that apply to design and development.

Accessibility

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

Filters

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

Forms

Guidelines for inputting data and configuring options.

View forms

Layout

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

Development

Patterns that apply only to development.

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