Brand & identity
Brand colour & gradient system
Fluid Finance · 2021 · Design system documentation · Figma
Brand colours, neutrals, system states and the three signature gradients, documented with usage rules so nothing drifts.
3
Signature gradients with locked angles
100%
Tokens documented with usage rules
1 source
Shared by web, app and marketing
The work
Fluid's palette was being reinterpreted per asset: three greens in circulation, buttons that changed hue between web and app. The fix was documentation, not new colours.
Every token is named, hex locked and annotated with where it is allowed to appear; Fluid Dark Blue for text and buttons, Primary mint for clickable accents, Iron for separators, Gray for description copy.
Hover and pressed states are specified alongside their base colour, and the Lilac, Grass and Water gradients carry explicit angles so a designer or engineer reproduces them identically.
More designs
