ParkTRAX
Design system

ParkTRAX brand identity

The single source of truth for the ParkTRAX marketing site — logo, colour, typography, components and voice. Everything on this page is rendered from lib/brand.ts and the .marketing tokens.

01 · Logo

Logo

ParkTRAX
ParkTRAX

The mark is a rounded blue tile with the “P” monogram, paired with the ParkTRAX wordmark. Keep clear space around it equal to the height of the mark; use the light wordmark on dark surfaces only.

02 · Colour

Colour

Core
#1F2C33
Ink
--foreground
Headings, body text, dark hero / CTA / footer surfaces
#2B3E46
Ink surface
--ink-2
Secondary dark surface (CTA band)
#6B7280
Muted
--muted-foreground
Secondary text, captions
#E6E8EE
Border
--border
Hairline borders, dividers
Bands
#FFFFFF
White
--background
Default page + card surface
#FBF8F6
Warm
--band-warm
Warm feature band
#F9FAFB
Gray
--band-gray
Alternating feature band
Accents
#2563EB
Blue
--primary
Primary — CTAs, eyebrows, links, focus
#8CD00E
Green
--brand-green
Support — positive / 'live' chips
#FFB10C
Amber
--brand-amber
Support — highlights, warnings
#30D5C8
Teal
--brand-teal
Support — data / integrations
Blue · primaryGreen · liveAmber · highlightTeal · data
03 · Typography

Typography

Display & body: Plus Jakarta Sans · Numbers & labels: Geist Mono.

Parking, on the record.
Display · Plus Jakarta 800 · tight tracking
Every job, one system.
Heading 1 · 800 · -0.02em
See every slot, live.
Heading 2 · 700
One source of truth for vehicles, slots, guards and enforcement.
Body · 400 · 1.6 line-height
643 / 688 slots
Mono / stat · Geist Mono · tabular
System of record
Eyebrow · Mono · uppercase · 0.16em
04 · Components

Components

Chips
LiveVerifiedWarningConnected
Product panel
app.parktrax.in/dashboard
Parking operationsLive
Today · 08:42
1,284
Vehicles
643 / 688
Slots live
12
Violations
4
Guards on duty
Block A · live map
OccupiedFreeViolation
Recent activity
MH 12 AB 4651
A-1204
Verified
MH 14 CD 8890
Guest
Guest pass
MH 01 ZZ 2231
B-702
Wrong slot
05 · Voice & tone

Voice & tone

  • Plain-spoken — write for a society committee member, not an IT team.
  • Confident, not hype — state what the product does, no 'AI magic'.
  • Honest — no unverified claims; placeholders are clearly placeholders.
  • On the record — the through-line: everything is verified and logged.