Designsystem for datavisualisering av norsk regional statistikk. Bygget for klarhet, tilgjengelighet og tillit — farger er fargeblindsikre (Okabe-Ito, ColorBrewer), typografi er stram og funksjonell (Inter), og alle kontraster oppfyller WCAG AA.
Primære farger som gir identitet og tillit.
Varm gråskala — journalistisk kvalitetsfølelse, ikke kald SaaS.
Status og tilbakemelding.
Fargeblindsikker palett for flerserie-diagrammer. Akademisk gullstandard.
CSS-variabler og Tailwind-klasser for utviklere.
| Token | CSS-variabel | Tailwind | Beskrivelse |
|---|---|---|---|
| Primary | --primary | bg-primary text-primary | Hovedfarge, CTA |
| Accent | --accent | bg-accent text-accent | Lenker, interaktive |
| Background | --background | bg-background | Sidebakgrunn |
| Card | --card | bg-card | Kortbakgrunn |
| Border | --border | border-border | Rammer, skillelinjer |
| Demografi | --domain-demography | bg-domain-demography | Blå domenegradient |
| Miljø | --domain-environment | bg-domain-environment | Grønn domenegradient |
| Energi | --domain-energy | bg-domain-energy | Oransje domenegradient |
| Radius | --radius | rounded-lg | 0.5rem standardradius |