/styleguide

Lifts design system

Single source of truth for the components used everywhere else. If a screen looks different from this page, the screen is wrong.

Typography

315 lbs · top set

Heading two — feed

Heading three — card

Body — Lift with your brothers. Train like a chapter.

Muted — supporting copy on cards and rows.

Eyebrow / metadata

Color tokens

Theme variables. Switch theme above and watch them swap.

--background

--foreground

--card

--primary

--secondary

--muted

--accent

--destructive

--border

--ring

Buttons

Anchor styled as button

For navigation; uses buttonVariants() since asChild is not supported.

Anchor as button Outline small anchor

Inputs

Bench top set (lb)

Errored

Badges

DefaultSecondaryOutlineRemoved

Avatar

JSK

Card

Push Day · 5/2

Bench, OHP, dips. 47 minutes.

3 exercises · 12 sets · 1 PR

Skeletons

Empty states

No workouts yet

Log your first workout to populate your feed.

Something went sideways

Try again, or come back in a minute.