chrome preview

every primitive from design_tokens.toml + chrome, no data needed. edit reports/design_tokens.toml and rerun to see your changes.

total draws
28,410
+4.2%
gpu ms
12.8
-1.1%
shaders
512
0

colors

surfacesbgsurface-1surface-2code-bg
textfgmutedtext-3
bordersborderborder-strong
rowsrow-altrow-hover
accentsaccent-primaryaccent-data
statusstatus-alarmstatus-warnstatus-okstatus-info
draw classes
opaque prepass shadow translucent additive decal ui postprocess other

type scale

fs-display 0123 sample

fs-h1 0123 sample

fs-h2 0123 sample

fs-h3 0123 sample

fs-body 0123 sample

fs-mono 0123 sample

fs-small 0123 sample

spacing scale

sp-1
sp-2
sp-3
sp-4
sp-6
sp-8
sp-12

bars

opaque prepass shadow translucent additive decal ui postprocess other
sample area / drop
48
60
72
84
96
108
540

inline bar at 60 percent:

delta pills + ranks

drop -20rise +20flat 0new new

ranks: 1234

sparklines

trend with gaps

table rows

namedrawsgpu ms
opaque pass1,8204.2
shadow pass9402.1
ui pass1200.4