Introduction
A shared language for clear, consistent business applications.
Give complex work
a clear interface.
A shared design language, from the smallest label to the complete workflow.
Build with a consistent hierarchy, purposeful color and familiar interactions. These foundations explain the decisions behind BluKavantUI, so your own screens feel like part of the same system.
Equipment request
New starter equipment · REQ-1042
- Requested by
- Alex Morgan
- Team
- Customer success
- Needed by
- 20 October
- Owner
- Workplace team
All required details are included.
Create order before adding detail.
Give each part of the interface a distinct job. People should know where they are before they need to decide what to do.
- Orientation
Keep navigation and breadcrumbs stable as the content changes.
- Hierarchy
Use one page title and a primary action that names the next step.
- Task
Group related records or fields. Reveal secondary detail when it is needed.
- Feedback
Make loading, selection, unsaved changes and outcomes visible.
A small set of decisions, used everywhere.
Start with the foundations, then choose the components and patterns that fit the task.
Color & meaning
Use shared roles for actions, surfaces and status. Preview the palette in the components themselves.
Explore the palette 02Type & space
Use size and distance to separate the task from its supporting detail.
See the visual rhythm 03Accessible interaction
Design labels, focus, errors and keyboard paths alongside the happy path.
Design for more peopleChoose the right starting point.
Reuse the pieces that already solve your problem, and spend your time on the work that is specific to your business.
One design language. Two ways to build.
Explore browser components with TypeScript, or native Blocks in OutSystems.