← all brands

kinopiq

Generated from kinopiq/tokens.json. Every panel below is the real token set a site loads — the same values the favicon is rasterised from.

Palette · 21 slots

background#f7f3ea
surface#f1ebde
foreground#0e1a12
muted#4a5a4c
faint#5e6e5d
linergb(14 26 18 / 0.14)
lineStrongrgb(14 26 18 / 0.22)
sheet#f7f3ea
brand#dd4b23
brandStrong#b53a18
brandForeground#f7f3ea
statusInfo#1c6aae
statusInfoInverted#67b0f9
statusSuccess#1b7740
statusSuccessInverted#6cc185
statusWarning#905d05
statusWarningInverted#dd9c42
statusDanger#b3403b
statusDangerInverted#fb8278
dark#0e1a12
darkForeground#f7f3ea

Dials

actionFill
brand
labelTone
faint
radius
soft
press
press
density
default
iconGround
page

Grounds

page #f7f3ea

Eyebrow

Headline set at h3

Body copy, and a link inside it. Secondary copy follows.

Secondary copy at the muted step.

Primary Secondary Ghost
body copy16.14:1AA
secondary copy6.64:1AA
eyebrows and captions4.91:1AA
links5.29:1AA
the quiet action16.14:1AA
the main action3.71:1below
info status copy5.09:1AA
success status copy5.04:1AA
warning status copy5.05:1AA
danger status copy5.11:1AA
the focus ring5.29:1AA
surface #f1ebde

Eyebrow

Headline set at h3

Body copy, and a link inside it. Secondary copy follows.

Secondary copy at the muted step.

Primary Secondary Ghost
body copy15.04:1AA
secondary copy6.19:1AA
eyebrows and captions4.57:1AA
links4.93:1AA
the quiet action15.04:1AA
the main action3.71:1below
info status copy4.75:1AA
success status copy4.70:1AA
warning status copy4.71:1AA
danger status copy4.76:1AA
the focus ring4.93:1AA
brand #dd4b23

Eyebrow

Headline set at h3

Body copy, and a link inside it. Secondary copy follows.

Secondary copy at the muted step.

Primary Secondary Ghost
body copy3.71:1below
secondary copy3.71:1below
eyebrows and captions3.71:1below
links3.71:1below
the quiet action3.71:1below
the main action5.29:1AA
the focus ring3.71:1AA
dark #0e1a12

Eyebrow

Headline set at h3

Body copy, and a link inside it. Secondary copy follows.

Secondary copy at the muted step.

Primary Secondary Ghost
body copy16.14:1AA
secondary copy16.14:1AA
eyebrows and captions16.14:1AA
links16.14:1AA
the quiet action16.14:1AA
the main action3.71:1below
info status copy7.79:1AA
success status copy8.17:1AA
warning status copy7.58:1AA
danger status copy7.29:1AA
the focus ring16.14:1AA

8 pair(s) below AA, each carrying a declared allowance in this brand's brand.ts — the build refuses to ship an undeclared one. brandForeground on brand at 3.71:1.