Sundio Design System

Sundio Design System is a live combination of design solutions, guidelines and UI patterns that makes Sundio products happen.


  • Become the single source of truth on brand appearance and presence.
  • Encourage a consistent branding usage across different company products, sites, and other contexts, digital or not.
  • Build and spread a strong visual language to be used in all offices and departments.


From management to marketing, including developers and third parties, this guide is intended for all audiences designed to work for the brands.


The System is based on ITCSS architecture, made by a set of layers, each with a clear key role: