Flipstream Design System

Client
Flipstream
Year
2025
Context
Built a design system from scratch, including a data visualisation system. It was later replaced by integrating established systems (Untitled UI, AG-Grid, and AG-Charts) to better focus engineering efforts.

Selections from design system

Semantic colour tokens
Semantic colour tokens
Page actions
Page actions
Inputs
Text inputs Formula inputs
Dropdown menu guidelines
Dropdown menu guidelines
Modals
Modals
Command palette
Command palette
Dashboard tabs guidelines
Dashboard tabs guidelines

Selections from data visualisation system

Grid & widgets
Grids Widgets
Line graphs
Line graph components Line graph common cases Line graph edge cases
KPI cards
KPI components KPI edge cases KPI tooltips