top of page

Reduce design completion process & 
delivery time with Design System

light_dark.png

Variables

Set up the variables and tokens for:

  • Light/ dark mode to convert mockups in one click

  • Layout size

  • Typography

  • Icons

  • Buttons

  • And more

Inputs.png

Components

When all variables are done it's time for the Components.

Always define and explain the different status and its use.

​

Banners.png

Handoff developers

When it's time to do the handoff always make it easier to other teams.

Define all the different properties and status and specs with the colors, sizes, font-size, line-height, etc.

​

​

bottom of page