Orbit Design System

The design system powering Ritchie Bros. marketplace.

Orbit is the shared language of components, guidelines, and tokens that teams use to build consistent, accessible experiences, from browsing lots to placing a winning bid.

47

Components

7

MUI-style groups

13

Guidelines

1

Source of truth

What Orbit stands for

A few principles shape every decision in the system.

Built for the marketplace

Every pattern is tuned for the realities of heavy-equipment auctions — lots, bids, reserves, and inspection reports.

Accessible by default

Components ship meeting WCAG guidance, so keyboard, screen-reader, and low-vision buyers can bid with confidence.

Consistent everywhere

One set of tokens, components, and content rules keeps Ritchie Bros. feeling like one product across every surface.

Fast to build with

Composable, documented parts mean teams assemble new auction experiences instead of rebuilding the basics.

Explore the system

Everything you need to design and build for the marketplace, in one place.

Foundations

The rules underneath everything — currency formatting, internationalization, and the values that guide how Orbit is built.

Values · Currency · i18n

Design

Color, typography, layout, depth, icons, and interaction states — the visual language that makes every lot page feel like Ritchie Bros.

7 guidelines

Content

How Orbit writes — grammar, error messages, naming, alt text, and inclusive language for buyers, sellers, and bidders.

6 guidelines

Components

A library of accessible, production-ready building blocks — grouped the way engineers already think about them.

47 components

Icons

The full Orbit icon set — searchable, copyable, and ready to drop into any auction or equipment interface.

Browse the catalog

Contributing

Propose a component, fix a bug, extend the Figma UI Kit, or improve the docs. Orbit grows with the teams that use it.

Components · Figma · Docs

Contributing to Orbit

Found a gap, a bug, or a better way? Orbit is built by the teams that use it.