Link to Fluid's Microsoft Teams channel Link to the support page

Foundations overview

All the rules needed to create engaging end-to-end user experiences. This includes guidance on colors, typography, UI elements, layout and structure.

With Fluid 5, we're laying down stronger branding foundations

Expect some changes as we iterate over the coming months.
For release updates and early access follow us on the teams channel.

Accessibility

Everything you need to know how to craft accessible experiences with Fluid.

Colors

Our colors signify our brand but they also help users navigate through the interface.

Elevation

Shadows bring depth to the interface and bring the user's attention to some specific areas.

Iconography

Icons are symbols that represent objects and concepts visually.

Spacing

Spacing brings rhythm and fluidity to the interface.

Typography

Our typography is the structure of every well designed interface.

Design tokens

Coming soon

Grid & layout

Coming soon

Interactive states

Coming soon

Motion

Coming soon

Shapes

Coming soon