@cegal/ui-tokens NPM

UI-tokens

This component generates token maps to be used in Cegal's design system stylesheets.

Here is where we specify color palletes, padding/margin/spacing values, typography fonts and sizes, among other parameters.

You do NOT need to install this package in your project. Your project should use @cegal/ui-css instead, which provides all the tokens in convenient CSS stylesheets.

Change logs

Visit design.cegal.com/change-log

How to use it

See design.cegal.com on more information.

Notes

rgb(2, 60, 79) => 023C4F => darkblue1 => confirm buttons rgb(35, 49, 65) => 233141 => darkblue2 => rgb(27, 49, 73) => 1B3149 => darkblue3 => input elements rgba(2, 45, 60, 0.5) => 022D3C = darkblue4 => sections