Reference
The design system.
Ink on ivory, one serif for statements and one sans for everything else. No accent colour, no shadows, four-pixel corners.
Brand
The mark
The logo is the wordmark. The mark beside it is the section sign cut from the display face itself — not drawn, because the system has no drawn vocabulary. It is shipped as an outline so the favicon needs no webfont, and it inks itself from currentColor, so it inverts wherever the theme does.
Wordmark · scales with type
OpenLexiOpenLexiOpenLexiMark and tile · 48 / 24 / 16
Colour
Three themes
data-theme="black"
Primary text
Secondary text
Muted text
Disabled text
data-theme="white"
Primary text
Secondary text
Muted text
Disabled text
data-theme="gray"
Primary text
Secondary text
Muted text
Disabled text
Primitives
The warm gray ramp
gray-950-ink#0f0e0dgray-900#1f1d1agray-800#33312cgray-700#524f49gray-600#706d66gray-500#8f8b85gray-400#adaba5gray-300#cccac6gray-200#e5e5e3gray-100#f2f1f0gray-50-ivory#fafaf9Typography
Display ramp
text-heading-0 · 112 → 160
Record
text-heading-1 · 48 → 112
Legislation should be legible
text-heading-2 · 36 → 64
Measures in motion
text-heading-3 · 28 → 40
What this measure does
text-heading-4 · 28 → 40 · sans 500
The bridge between display and UI
Italic · true italic cut, not a slant
A law nobody can read
Typography
Body ramp
The public record, read plainly.
The public record, read plainly.
The public record, read plainly.
The public record, read plainly.
Legislative index
Weight tops out at medium across the system.
Components
Controls
- Sponsor
- Elias Torres
- Last action
- 10 Aug 2026
Layout
Space and grid
xs7 / 8 / 9 / 10sm14 / 16 / 18 / 20md28 / 32 / 36 / 40lg56 / 64 / 72 / 80xl112 / 128 / 144 / 1602xl140 / 160 / 180 / 2002 / 6 / 12 columns · gutter is half the side padding
Shape and motion
Restraint, enforced
ease-out-soft-in · .3 .3 .3 1ease-in-soft-out · .7 0 .7 .7