Display + interface + mono
Typography
A bold geometric display voice for identity moments, a neutral interface layer for reading, and a monospaced layer for code, API documentation, and technical context.
Type scale
Loud at the top.
Quiet in the details.
The hierarchy uses dramatic display proportions without forcing the same density into paragraphs, labels, metadata, or technical content.
Specimen wall
Width, weight,
and rhythm.
Each treatment changes one major variable while preserving the HVK skeleton. The result is variety without losing the name.
Responsive typography
Change width
before impact disappears.
Large headlines can tighten width and tracking at intermediate sizes before dropping dramatically in scale. Body copy maintains comfortable line length and line height across breakpoints.
Display
Use the boldest weight, tight negative tracking, and controlled line breaks. Limit the most extreme treatment to short messages.
Interface
Use neutral widths, stable weights, and clear state contrast. Labels should remain readable during long sessions and in dense layouts.
Editorial
Keep article measure near 65–75 characters, body size generous, and headings clearly separated from paragraphs and lists.
Code
Use a monospaced layer for commands, asset names, API parameters, and implementation examples—not as a decorative substitute for every technical message.