balazs-ketyi-9VzoRKfBsMM-unsplash.jpg

Gravity Design System

 
 

Gravity Design System

A collection of guidelines and best practices for a global education company that addresses everything from the high-level design mindset down to the nuances of individual components.

Web design, illustration

 
 
gravity-1.png
 
 

The challenge

With a global team of designers working on different products simultaneously came inconsistencies between design patterns. While guidance was paramount, it was also important that designers could contribute to the design system as they work and iterate.

 
 
gravity-2.png
 
 

The approach

By crafting a complete design system with tools and advice for every stage of the design process, we were able to have one reliable resource for the company’s design principles, visual design language, layout templates, UX writing practices, and component guidance. Designers also had the opportunity to upload ideas to the Gravity site that would be considered for an addition to the design system.

 
 
gravity-3.png