Design System
SPGX Group component library and brand foundation. All tokens are semantic — components consume them directly.
Palette
Background
#1A1A1A
Surface 2
#2E2E2E
Foreground
#FFFFFF
Muted FG
#EEEEEE
Accent
#E8731C
Typography
Display XL
Display LG
Heading H1
Heading H2
Heading H3
Heading H4
Body large — generous leading for editorial reading.
Body — base paragraph rhythm.
Caption — supporting metadata.
Eyebrow / Overline
Buttons
Section Heading
Methodology
A disciplined approach to complex programmes.
Lede paragraph for the section heading block.
Cards
Card title
Cards consume surface tokens and respond to hover.
Static card variant.
Hover to lift.
Stat Blocks
—
Programmes governed
—
Geographies
—
Active divisions
Pillars
01
Governance
Disciplined cadence and decision rights.
02
Evidence
Decisions traced to documented data.
03
Capability
Sustained uplift, not dependency.
Quote
“Methodology, governance and evidence — never hype.”
Badges
DefaultAccent
Accordion
Placeholder answer.
Tabs
Overview content placeholder.
Form Inputs
CTA Banner
Engage
Start a conversation.
Phoenix · El Paso · Bangkok.
Divider