Design system

Iron Temple

Back to app

Rule

Every screen uses these tokens and components. New UI reuses a component or is added here first. Oxblood marks the current choice. Brass marks wins only.

Colour tokens

--color-bg
--color-glow
--color-surface
--color-surface-2
--color-ink
--color-ink-muted
--color-line
--color-line-strong
--color-select
--color-win
--color-win-strong
--color-win-bright

Type

Chest & Arms

Low-Incline Press

87.5

Body text in Inter. Labels use wide uppercase.

Workout header

Session 1 of 4 · Week 4 · Deload

Chest & Arms

Exercise card · set tiles · effort row

Low-Incline DB Press Add weight

Last · 85 × 10 · 9 · 9 kg

Buttons and badges

Add weight 12 sets

Progress

Bigger pecs · last 7 days

6 / 10-14 effective sets

4 sets short of the 10-set minimum.

Chest-Supported Row70 kg × 12 → 105 kg × 12
Progressing

Bottom sheet

Choose gym