K92
CALIBRATION SHEET · 01

EVERY PIXEL EARNS ITS PLACE.

This page is a live test of the K92 design system. Real type, real colour, real components, rendered by the same kit that will power the finished site.

92
TYPE

Barlow does the talking. Montserrat does the reading.

Headlines set in Barlow at 700 weight hold their edge at any size. Montserrat carries the paragraphs at 18 over 28, comfortable at arm’s length on a phone. The scale steps from 62 down to 18 with no orphan sizes in between.

Four colours, each with a job.

Signal

#D95151
Leads every action.

Ink

#111111
Anchors the frame.

Slate

#7D7D7D
Carries the body copy.

Fog

#F5F9FA
Rests the eye.

Components under load.

Grids that hold

Three cards share this row. Resize the window and they stack in order without a broken edge.

Corners at zero

Square edges run through every button, card and swatch. One rule, applied everywhere, reads as intent.

Buttons with states

Solid fill for the primary action, outline for the second. Hover flips the fill so feedback costs nothing.

px content grid
0
active breakpoints
0
kit colours
0
px corner radius
0

THE SHEET PASSES.

The kit renders clean from 320px to widescreen. Ready to build the real pages.