Foundations
Both directions share every token name. Only the values change, so every screen works in either.
A · Red and black
Brand (mark only)
--brand
Primary action
--primary
Ink
--secondary
Inverse surface
--inverse
Background
--background
Muted surface
--muted
Border
--border
Highlight (countdown)
--highlight
VerifiedLast seen 4 min agoPayment failedWork in progress
Lockfighter
Crew app, dark
--background--card--primary--secondary--muted--ok--warn--danger
VerifiedID after entry
B · Blue and white
Brand (mark only)
--brand
Primary action
--primary
Ink
--secondary
Inverse surface
--inverse
Background
--background
Muted surface
--muted
Border
--border
Highlight (countdown)
--highlight
VerifiedLast seen 4 min agoPayment failedWork in progress
Lockfighter
Crew app, dark
--background--card--primary--secondary--muted--ok--warn--danger
VerifiedID after entry
Type
Archivo for headings and numbers, Public Sans for reading. Body is 17px for reading at 2am without glasses.
- Mega 72£272.25
- Display 44Locked out?
- H1 30Dave is on the way
- H2 26How you pay
- H3 20Collect the van first
- Body 17Nothing is charged until you confirm.
- Small 15Free until a firefighter accepts.
- Caption 13All prices include VAT.
Mark, concept 1
A flame with a keyhole cut through it. Shown at home-screen, favicon and inline sizes. More concepts to follow.
Lockfighter