Typography & spacing
A readable hierarchy and a consistent rhythm.
BluKavantUI uses an Inter-first system font stack. If Inter is not installed, it uses the platform’s system sans-serif. No external font download is required.
Type with a clear job
24–34 px / 65018 px / 60016 px / 65014 px / 40012 px / 400A four-pixel rhythm
The shared spacing tokens provide a predictable base for component layout.
--blu-space-1--blu-space-2--blu-space-3--blu-space-4--blu-space-5--blu-space-6Shape and emphasis
--blu-radius-xs--blu-radius-sm--blu-radius-md--blu-radius-lg--blu-radius-xlUse modest rounding and restrained shadows. Let typography, spacing, and borders establish the hierarchy.
Make the page easy to scan.
Use a few intentional levels. Weight, size and space work together; every line does not need its own style.
Request details
Review the information before assigning an owner.
Equipment for a new member of the support team.
Visible to the requester and assigned team.- Title
- The purpose of the screen
- Introduction
- What the person needs to do
- Field label & value
- The information they are working with
- Supporting text
- Helpful context, still readable
Small gaps within. Larger gaps between.
Choose spacing from the shared scale, then use it to communicate which things belong together.
Density should match the task.
Use more room for reading, onboarding and longer forms. Use tighter rows for scanning many records, while keeping controls and focus indicators usable.
Keep the same rhythm within a screen. Avoid reducing the font size simply to fit more data.
See the records workspace →Write for the next action.
Prefer concrete labels and useful messages to internal terminology.
Name what the control does.
Say what needs to be corrected.
Confirm what actually happened.