Guideline Design System: Design Token Documentation
Establishing the design foundations
The first step in establishing our platform-agnostic design language was to capture and translate the design decisions made during the branding process in a visual style framework using design tokens.
To start, we established a base set of color primitives based on the new brand palette by expanding each color to include lighter and darker shades to account for additional interaction states and use cases when building digital interfaces.
Once we had our color primitives, we then created semantic palettes to serve specific use cases like foreground, background, borders, etc. We then moved on to define the rest of our design tokens including grids, sizing, spacing, shadows, borders, and radiuses.
More cool projects in our profile.
Subscribe to our YouTube channel
Connect with us on Twitter and LinkedIn
Looking for research and product design?
Let us know at https://www.forge.is
