all examplescached · revalidates daily
// extracted2026-05-17 · 01:25:37 utc·deterministic·787,055 bytes css · 16 sheets

Purpose-built for planning and building products with AI agents.

18 colours·5 type roles·14 spacing steps·5 radii·3 shadows

Colours / 18

from 787,055 bytes

Primary

color-brandCITED
#F91880
general UI2 CITES
color-accentCITED
#00BA7C
general UI2 CITES
color-secondaryCITED
#1D9BF0
general UI1 CITES
color-primary-4CITED
#7170FF
general UI1 CITES
color-primary-5CITED
#828FFF
links1 CITES
color-primary-6CITED
#000212
general UI1 CITES
color-primary-7CITED
#5E6AD2
general UI8 CITES
color-primary-8CITED
#1A8CD8
general UI1 CITES

Neutral

color-neutral-1CITED
#08090A
links, headings, backgrounds77 CITES
color-inkCITED
#161718
cards5 CITES
color-ink-2CITED
#232534
general UI4 CITES
color-ink-3CITED
#282A30
general UI1 CITES
color-ink-4CITED
#37393A
cards4 CITES
color-gray-400CITED
#62666D
general UI8 CITES
color-gray-50CITED
#D4D4D6
general UI1 CITES
color-gray-50-2CITED
#E9E8EA
general UI1 CITES
color-surfaceCITED
#F1F1FF
general UI1 CITES
color-surface-2CITED
#FFFFFF
links, borders, backgrounds137 CITES

Type ramp / 5 roles

Inter Variable · -apple-system · Tiempos Headline · Berkeley Mono
codeThe forensic notebook14.4px / 1.5 · 400 · Berkeley Mono
h1The forensic notebook16px / 1.5 · 400 · Inter Variable
h2The forensic notebook16px / 1.5 · 400 · Inter Variable
h3The forensic notebook16px / 1.5 · 400 · Inter Variable
h4The forensic notebook16px / 1.5 · 400 · Inter Variable

Spacing / 14 steps

extracted from padding · margin · gap
space-10px
space-24px
space-38px
space-412px
space-516px
space-620px
space-724px
space-832px
space-940px
space-1048px
space-1164px
space-1280px
space-1396px
space-14128px

Radius / 5 values

extracted from border-radius
radius-sm2px
radius-md4px
radius-lg6px
radius-xl8px
radius-fullfull

Elevation / 3 levels

box-shadow · grouped by blur
shadow-smCards at rest, low ambient elevation
shadow-mdDropdowns, popovers
shadow-lgModals, overlays