BUILT FOR THE NEXT STEP.

Clear choices and useful help for people training, learning, and encouraging each other.

View controlsView tokens
Black + white80Orange15Violet5

ONE SOURCE, USEFUL ROLES

Black, white, orange, and violet identify Progress Lab. Components turn them into clear roles from brand/progress-lab/system.json.

Black#080808
White#FFFFFF
Orange#FF350D
Violet#B19AFF

Functional interface colors

Black, white, orange and violet identify the brand. Light gray, secondary gray and error red are functional interface colors only; they are not additional brand accents.

Functional interface colors and their roles
ColorValueInterface role
Light gray#F0F0EDOptional neutral surface
Gray#595959Secondary text on white
Error#B42318Error text and borders on white; always pair with a message

TYPE WITH A JOB

Extended Ultra leads. Plus Variable keeps navigation, labels, and instructions clear.

SERIOUS TRAINING.
REAL COMMUNITY.

Preparing for your first class

Arrive 10–15 minutes early with water and comfortable training clothes and shoes. Your coach will help you get started.

ACTIONS SAY WHAT HAPPENS

Make the main next step clear. Keep other options easy to find.

View membershipsView class scheduleView first-class details

import { BrandButton, BrandLink } from "@/components/brand-ui"

FORMS EXPLAIN AND RECOVER

Keep labels visible. When something goes wrong, say how to fix it.

This example checks the format only. Nothing is sent or saved.

Invite people to ask for the help they need.

STATUS WITH A WAY FORWARD

Use color with an icon and a clear next step.

Compare memberships

Choose based on how often you want to train.

Membership confirmed

Choose a class when you are ready.