Design system · refresh

Halter Commissions

Forest-green chrome, pasture accents, a display face for headings and SF Pro for dense UI & numerals. Tuned for trust in numbers, instant status legibility, and role-appropriate density.

Colour · brand

Forest

#294E3B · primary

Sidebar

#22432F · nav rail

Pasture

#6FBE84 · accent

Lime

#E3FDCB · highlight

Sage

#517A60 · tertiary

Forest deep

#1E3A2A · gradients

Ink

#16201A

Muted

#5E6B62

Canvas

#EEF1ED

Positive

#1B7A4B

Pending

#E5A012

Danger

#B42318

Typography

Display · headings & numerals

Trust in the number

9,400

SF Pro · UI, data & numerals

Large UI · 18px

Body & table text · 14px regular

Label · 11px uppercase

NZD 120,000 · AUD 158,000 · USD 11,200

Components

Status badges · semantic, consistent

OpenPendingApprovedLockedPaidClawbackChanges requested

One palette drives period, approval, deal and sync status. Pending is amber, never red — red is reserved for clawback / rejection / error.

Progress to target · three states

Behind · 34%

On track · 72%

Exceeded · 105%

KPI / stat card

Accrued · period

NZD 55,718

Reconciled to GL

Currency display pattern

86,000 NZD

Amount in tabular figures; currency code always present and muted. Never a bare symbol — every market reads unambiguously.

Notes for build

Forest chrome (#22432F) + light canvas (#EEF1ED); white cards, hairline #E4E8E3 borders, near-flat shadow.

Headings on the display face; UI & all numerals SF Pro with tabular figures, money right-aligned.

One semantic chip palette across period / approval / deal / sync status. Pending = amber, never red.

Rep screens lighter & motivational; Finance denser. Role gating per the NAV_ACCESS map.