Cobalt
#3a55b4
brand-primary
Primary actions, key links, strong brand anchor.
Design system
A blue-green system for Impact Build Play.
This page is a working sample sheet for the site's tokens, components, and content patterns across light and dark mode. It combines the bright blue/green palette with the clean card structure used on the Uses page.
Palette
Sky
#6caddf
brand-secondary
Eyebrows, secondary highlights, section accents.
Lime
#ccff8c
brand-accent
High-energy accents and small emphasis moments.
Growth
#81de76
brand-growth
Making, progress, DIY, and positive-state highlights.
Air
#8cd9ff
brand-sky
Soft surfaces, glows, and digital atmosphere.
Surfaces
Page
surface-page
Card
surface-card
Muted
surface-muted
Inverse
surface-inverse
Typography
Useful things, tangible ideas, growing people.
Body copy should feel calm and readable. The palette can be bright, but long-form text stays grounded through softer blue-grey tokens.
Eyebrow label
Heading One
Heading Two
Paragraph text uses `text-secondary` and should carry most content without feeling too dark or too loud.
Buttons
Cards
Impact
Professional impact
Leadership, people, process, and the work of helping others grow while moving useful ideas forward.
Teams, communication, strategy, growth
technology
Sample build note
9 May 2026
A compact example of how article cards should feel across the site.
Chips And Lists
ImpactBuildPlayLead
- Build visible proof, not just claims.
- Build the work clearly enough for others to join.
- Play keeps creativity and better questions alive.