Foundations
There are five key foundational layers to the cinch Design System. These are colour, grid, iconography, spacing and typography. Together they provide the bedrock to build all your designs from.
Colour
There are subtle differences between our brand colour guidelines and those used within our product design.
Grid
The cinch grid system enables design and development teams to place items onscreen whilst maintaining visual consistency.
Iconography
Our iconography is designed to be friendly and clear to ensure it compliments our brand guidelines.
Spacing
Our spacing units help us to establish vertical rhythm as well as consistency in distance between horizontal elements.
Typography
Our typography is based on Bueno Aires font and changes based on two primary breakpoints between small and large displays.