Studio

The typography lab and the OKLCH token system. Every control writes real font-variation and layout values onto the specimen; the swatches are read straight from the canonical token model, so they cannot drift from what ships.

Display3.05remReliable IT, handled like a neighbor.
Heading 12.44remReliable IT, handled like a neighbor.
Heading 21.95remReliable IT, handled like a neighbor.
Heading 31.56remReliable IT, handled like a neighbor.
Body1.00remReliable IT, handled like a neighbor.
Caption0.80remReliable IT, handled like a neighbor.

Cray Networks keeps Central Texas businesses online, from the machine that will not boot to the network you never have to think about. Cray Networks keeps Central Texas businesses online, from the machine that will not boot to the network you never have to think about.

Color lab

This reads the live accent from the Theme drawer. Drag the hue, chroma, or lightness there and the ramp, the token cascade, and the contrast readouts below all update at once.

Accent ramp (chroma 0.110, hue 232)
Primitive channels
--primary-l: 0.58
--primary-c: 0.110
--primary-h: 232
set live in the Drawer
primary
oklch(0.58 0.11 232)
primary-hover
oklch(0.52 0.11 232) (clamped)
sky
oklch(0.7 0.11 232)
primary-strong
oklch(0.46 0.11 232) (clamped)
Consumers
Badge
A primary link

Contrast readouts

light mode · WCAG / level · APCA Lc
Aaon-primary on primary (button)4.07:1fail
Aaink on surface (body)15.53:1AAA
Aamuted on surface (secondary)5.34:1AA
Aaprimary-strong on surface (link)6.64:1AA
Aaon-navy on navy (hero band)10.41:1AAA
View site