BluUI Design system
DESIGN

Introduction

A shared language for clear, consistent business applications.

THE BLUUI DESIGN SYSTEM

Familiar patterns.
Thoughtful details.

BluUI brings a consistent visual language and reusable interaction patterns to business applications.

Start with the foundations. Explore the components. Combine them into interfaces that make complex work easier to understand.

Explore components Meet the palette
A shared visual languageBluUI
PROJECT WORKSPACE

Everything in its place.

Clear actions. Meaningful status. Room to focus.

EXPLORE THE SYSTEM

From foundations to finished workflows

17 component pages

Foundations ↗

Color, typography, spacing, and the decisions that make BluUI feel consistent.

Components ↗

Working variants, configurable playgrounds, and implementation references.

Design patterns ↗

Practical guidance for filtering, navigating, editing, and giving feedback.

One design language, two implementations.

Explore working web components here, then use the native BluUI Blocks in OutSystems. The component styles and browser runtimes come from the same canonical assets.

OutSystems integration · Pending

Search BluUI