What's included

• Foundations and design tokens

  I start setting foundations and design tokens, establishing layout, colors, typography, spacing, radius and sizing. Applied that, will be achieving consistency, cohesion and scalability across the product. All tokens are applied and customised with Figma Variables.

• Components library

  Component design focuses on creating reusable UI elements to promote consistency, efficiency and user-centered design. Library is delivery in Figma file with 40 custom componentes designed according to product specifications. Every component with their respective variants.

• Documentation

  Documentation translates a visual framework into a universal language, allowing anyone, even non-designers, to understand and apply your Design System. In the documentation you will find instructions for scaling the Design System, token values and how the Design System is configured.