insyteBrand book, v0.1
11

Data viz.

Five-slot palette, mono on every figure, no x gridlines. Loading, empty, error are first-class chart states.

© 2026 Insyte, all rights reserved.Brand book, v0.1, May ’26

Five-slot palette. Tabular on every figure.

The chart palette is a sequential five, not a picker. Mono carries every number. X has no gridlines. Loading, empty, and error are first-class states the chart frame holds while the data layer changes.

Palette

Five slots, in order.

Series 1 is always Abyss. Series 2 is always Arc. The order is the meaning.

01--chart-1

Primary series. Revenue, total, leading metric.

02--chart-2

Comparison series. Refunds, second trend, focus call-out.

03--chart-3

Tertiary series. Forecast band, range fill, comparison-of-comparison.

04--chart-4

Status-positive cohort. Won-disputes, fulfilled.

05--chart-5

Status-warning cohort. At-risk, awaiting.

In context

A line chart, Insyte-shaped.

No x gridline. Y has hairline ticks. Legend dots, not swatches. Mono on every figure.

Revenue vs refunds€32,140.50
RevenueRefunds
0k20k40k60k11 May17 May24 May
Last 14 days+12.4% vs prior
States

Loading, empty, error. The chart frame holds.

Axes and legend stay. Only the data layer changes.

Loading
Empty
No orders in this rangeWiden the range or check filters.
Error
Couldn't load the series
Named rules

Six rules that decide chart shape for you.

01

Mono on every figure.

Axis ticks, tooltip values, legend totals, annotations. JetBrains Mono with tabular-nums. Body sans on a number is the dashboard tell.

02

No x gridlines.

X carries no gridline. Y has hairline ticks at intervals only, in --hairline. Crosshatched grids read as Bloomberg, not Insyte.

03

Legend as eyebrow.

Legend uses the eyebrow type style (General Sans 13px medium, ink-3), not body. The dot is 8px, in the series color. No swatches.

04

One color per series.

The five-slot palette is sequential. Series 1 is always Abyss. Series 2 always Arc. Picking colors at random is the SaaS-template chart.

05

No dual axis.

Dual-axis charts hide relationships behind two scales. If two series cannot share a scale, they are two charts.

06

States are first-class.

Loading, empty, and error are not 'no data' text. The chart frame, axes, and legend stay; only the data layer changes. See the row below.

Insyte / Brand book, v0.1The atmospheric instrument, 2026