v3.0 · Workspace Theme · Unified Brand

Design System
& Component Demo

Clean · Colorful · Modern — Every table, badge, and card uses the same unified color palette derived from the MyCampaign logo mark.

01 · Foundation
Color Palette
Brand Colors (from Logo)
Primary
#5B5FC7
Ink
#1B2028
Accent / Coral
#F25C69
Brand Blue
#1976D2
Political Party Colors
Republican
#D32F2F
Democrat
#1976D2
Libertarian
#E6A817
Independent
#7B1FA2
Data Colors (Finance)
Raised
#00A86B
Spent
#E8590C
Cash on Hand
#5B5FC7
Green Party
#2E7D32
Gray Scale (warm-neutral)
50
100
200
300
400
500
600
700
800
900
02 · Foundation
Typography
DM Sans — Headings

Heading 1 — 36px Bold

Heading 2 — 30px Bold

Heading 3 — 24px Bold

Heading 4 — 20px Bold

Heading 5 — 18px Bold
Heading 6 — 15px Semibold
Body & Special Styles

Lead paragraph — 20px in gray-600, used for introductions and summaries.

Body text — 15px regular. Georgia's 2026 election cycle features competitive races across the state.

Small text — 14px. Used for secondary information and descriptions.

Extra small — 12px. Captions, timestamps, metadata.

Data Display
Total Raised
$16,150,000
Total Spent
$11,835,000
Cash on Hand
$4,315,000
03 · Interactive
Buttons
Filled Variants
Outline & Ghost
Sizes
04 · Interactive
Pills & Badges
Filter Pills
Statewide State Senate State House
Party Badges
DEM GOP IND LIB
Status Badges
✓ Winner Projected Leading Runoff Recount Too Close
Performance Deltas
▲ +4.2% ▼ -2.1% — 0.0%
Geo Level Tags
State County Precinct
05 · Interactive
Forms & Inputs
06 · Layout
Cards
$16.1M
Total Raised
↑ 12.4%
$11.8M
Total Spent
↑ 8.1%
$4.3M
Cash on Hand
↓ 3.2%
Democrat Summary
4 candidates · $6.63M raised

Democratic candidates are competitive across all four statewide races.

Republican Summary
4 candidates · $9.40M raised

Republican incumbents maintain strong cash advantages across all statewide offices.

07 · Data
Sample Data Table
County Registered Voters Turnout % Dem Margin Status
Fulton County823,41072.4%+41.2%✓ Called
Gwinnett County614,29068.1%+18.7%✓ Called
Cobb County521,84071.2%+14.3%Leading
Cherokee County178,24074.6%-38.4%Projected
08 · Data
Chart Cards & ABEV Counters
Fundraising Trend
Monthly totals, 2025–2026
— Datawrapper / Chart embed area —
ABEV Counters
ABEV Outstanding
42,810
of 614,290 total
ABEV Outstanding
1,204
of 178,240 total
Benchmark Comparison
Performance vs. 2022 Baseline
Governor
Kemp vs Abrams
▲ +2.1%
Attorney General
Carr vs Jordan
▼ -0.8%
Secretary of State
Raffensperger vs Nguyen
▲ +5.4%
09 · Feedback
Loading & Skeleton States
Live Indicator
Live Updates
10 · Foundation
Utilities Reference
Text Colors

text-primary — Indigo

text-secondary — Ink

text-accent — Coral

text-muted — Gray 500

text-democrat — Blue

text-republican — Red

Border Radius
md
lg
full
Shadows
md
lg
Background Colors
bg-white
bg-gray
bg-primary
bg-secondary
MyCampaignPro

MyCampaignPro Design System v3.0 — Workspace Theme — Unified Brand Package
DM Sans · DM Mono · White Canvas · Colorful Data