Chart
Seventeen variant containers, eighty-four variants and six usage frames - forty-six finished charts and the thirty-eight parts they are assembled from.
Finished charts, and the parts they are made of
The page splits down the middle by namespace. Singular Chart / is a finished chart you drop in - forty-six of them. Plural Charts / is a part you build one out of - thirty-eight. Both are published, because a bar and a chart made of bars are different things to reach for.
The parts every chart shares
Every other colour in the kit is bound to a semantic token. The five series colours are not - they are raw hex on the shapes: #6366F1, #06B6D4, #8B5CF6, #10B981, #F59E0B. Rebranding the kit moves every surface except these, so a chart palette is a separate decision and a separate edit. Worth knowing before you promise a client that one token set changes everything.
One frame per family, not one for the page
Chart is the only page in the kit with six usage frames instead of one. Each family gets its own, because a page holding every chart in the set would be four thousand pixels of scrolling before you found the one you came for.
Seventeen containers, eighty-four variants
Read straight out of the Penpot file. The axes below are the property names you will see in the variant dropdown.
Using the Chart
Singular Chart / is a finished chart you drop straight in - forty-six of them across six families. Plural Charts / is a part you build one out of: a bar, a dot, a grid, a tooltip row - thirty-eight. Both are published because reaching for a bar and reaching for a bar chart are different jobs.
Yes. The five are #6366F1, #06B6D4, #8B5CF6, #10B981 and #F59E0B, and they sit as raw hex on the shape because a chart palette is not a semantic role: there is no base.series-3 for it to bind to. Rebranding through the token sets moves every other surface and leaves the chart palette where it is, so treat it as a separate edit.
Because an area chart is the only family where the fill under the line is the point. Ten variants is five types times that switch. Everywhere else the fill is either solid or absent and there is nothing to toggle.
Chart is the only page in the kit with more than one. A single frame holding every chart in the set would be several thousand pixels tall, so each family gets its own - Area, Bar, Line, Pie, Radar, Radial - and you open the one you came for.