01 / 03
Modular grid
Components snap to an 8 px baseline so spacing reads as deliberate at every breakpoint. Nothing floats; everything aligns.
- Baseline
- 8 px
Built to spec, down to the last pixel.
A precise, engineered visual system: cool greys, a single electric accent, and a monospace voice for the details that matter. Designed for products and teams who want their interface to read as exact, not decorative.
01 / Typography
IBM Plex Sans set against JetBrains Mono
Display / 96
Aa Vector
Heading 1
Interfaces that behave like instruments
Heading 2
Predictable, measured, exact
Heading 3
Every component aligns to the grid
Body / 17
The body voice stays quiet so the data can speak. Generous line-height, restrained weight, and a cool near-black keep long passages comfortable while the monospace labels carry structure and precision. This is placeholder copy showing rhythm and measure rather than describing a real product.
Eyebrow / Mono
Specification · Reference · Output
Pull quote
“Precision isn’t a flourish — it’s the whole point.” — Specimen note
02 / Colorway
A cool base with one electric accent
Paper
#FAFAFA
Page backgroundPanel
#F2F4F5
Raised surfaces & wellsInk
#0C0E12
Primary textGrey
#6B7280
Mono labels & metaHairline
#DDE1E4
1 px grid & bordersAccent
#06A0BA
Electric cyan — accents & focusAccent ink
#057A8C
Accent (text), AA on paper
03 / Components
Cards, dividers and spec rows
02 / 03
Data-first surfaces
Tables, stats and spec rows are first-class citizens, built to compare numbers cleanly with tabular figures and tight hairlines.
- Figures
- Tabular
03 / 03
Borders over shadows
Depth comes from precise 1 px edges, not soft drop shadows. The result feels engineered and crisp at any zoom level.
- Radius
- 3 px
99.9%
Sample uptime
8px
Grid baseline
12ms
Interaction budget
AA+
Contrast standard
04 / Social proof
What people say
“It finally looks like the product is engineered as carefully as it runs. Nothing is arbitrary.”