--color-primary
#663399
Main color for actions, accents and recognizability.
Style guide
This page documents the visual tokens, base components and editorial extensions used by ABC.
Colors
The palette keeps the site sober, recognizable and readable.
--color-accent
#2f8f83
Civic highlights and supporting details.
--color-background
#fbfaf8
Warm but neutral page background.
Typography
The primary font is Atkinson Hyperlegible with clean system fallbacks.
Example H1: AI for the Common Good
Example H2: Why we need a better conversation
Example H3: Understand
Paragraph: clear, accessible content oriented toward civic responsibility.
Small text: updates, notes and service information.
Components
Pages use airy sections, simple grids, light cards and sober callouts.
Standard card
For recurring topics, activities and short content.
Highlighted card
For a guiding message or central question.
Compact card
For brief notes and supporting content.
Blog
The blog extends the existing system without adding a separate visual theme.
Post title
A short description clarifies the topic and helps readers decide whether to continue.