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.
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.