Themes
← Component library Josh Tapley · homeAI Driven Dashboard Component Library · themes

Thirteen themes for the component library

Each theme below restyles every component: palette, type, shapes and a chart colour strategy. Every preview uses the same components and the same words, so the only thing that changes is the theme.

Chart theming

Principles for themed charts

A theme only works for a chart library if it also defines how the charts look. These principles are common ground across published chart style guides from newsrooms, research organisations and design systems.

Four palette strategies

Each theme uses one of these, which keeps its charts consistent and recognisable.

Chart rules for the library

Every component follows these rules, whichever theme is applied.

Themes

The themes

Each preview shows a page header, a KPI card and a bar chart in the theme's style. The default theme is a neutral, colour-blind-safe token set; swap the tokens to use your own brand.

Side by side

How they compare

ThemeFeels likeGood for