DataJam Defaults
Out-of-Home Analytics
Design System Cheatsheet
Generated: April 8, 2026
Brand Colors
Primary
#E62F6E
Secondary
#E94B52
Accent 1
#0A0C11
Accent 2
#FEFAF9
Accent 3
#3B82F6
Neutral Scale
Neutral 50
#FAFAFA
Neutral 100
#F4F4F5
Neutral 200
#E4E4E7
Neutral 300
#D1D5DB
Neutral 400
#9CA3AF
Neutral 500
#6B7280
Neutral 600
#4B5563
Neutral 700
#374151
Neutral 800
#1F2937
Neutral 900
#111827
Neutral 950
#0A0C11
Semantic Colors
Success
#16A34A
Success Light
#DCFCE7
Warning
#EAB308
Warning Light
#FEF9C3
Error
#DC2626
Error Light
#FEE2E2
Info
#2563EB
Info Light
#DBEAFE
Data Visualisation Palette
Color 1
#5E2BFF
Color 2
#EDBA06
Color 3
#15E0BC
Color 4
#78C534
Color 5
#E62F6E
Color 6
#3B82F6
Color 7
#F97316
Color 8
#A855F7
Type Scale
display
48px
The quick brown fox
h1
36px
The quick brown fox
h2
30px
The quick brown fox
h3
24px
The quick brown fox
h4
20px
The quick brown fox
h5
18px
The quick brown fox
h6
16px
The quick brown fox
body Lg
16px
The quick brown fox
body
14px
The quick brown fox
body Sm
13px
The quick brown fox
caption
12px
The quick brown fox
overline
11px
The quick brown fox
label
13px
The quick brown fox
helper
12px
The quick brown fox
badge
11px
The quick brown fox
button Sm
12px
The quick brown fox
button Md
14px
The quick brown fox
button Lg
16px
The quick brown fox
nav
14px
The quick brown fox
tab
14px
The quick brown fox
breadcrumb
13px
The quick brown fox
tooltip
12px
The quick brown fox
table Header
12px
The quick brown fox
table Body
14px
The quick brown fox
Spacing Scale
3xs
2px
2xs
4px
xs
8px
sm
12px
md
16px
lg
24px
xl
32px
2xl
48px
3xl
64px
4xl
96px
Buttons
Primary Button
Outlined Button
Ghost Button
Small Button
Border Radius
sm
4px
default
8px
md
12px
lg
16px
full
9999px
Shadows
xs
sm
md
lg
xl
Font Details
Role
Family
Fallback
Heading
Poppins
system-ui, sans-serif
Body
Poppins
system-ui, sans-serif
Mono
JetBrains Mono
ui-monospace, SFMono-Regular, monospace