What's included

• Style Guide

  • Branding (colors, typography (Web & Mobile, Logos) • Spacing guidelines • Layout grids • Icon pack • Border radius guidelines and more.

• Components Library

  • Component name: A specific and unique UI component name, to avoid miscommunication between designers and developers. • State changes: Recommended defaults and the subsequent changes in appearance. • Note making: Page annotations and descriptions to understand what component you were looking at. • Breakpoints: Any size indication and breakpoints for the developers.

• Design System Figma Kit

  Documentation of all the elements in the Design System file is provided to you.