![](https://images.squarespace-cdn.com/content/v1/5f063f4e0ba52b71d8773854/1594244968909-BJMAOOTIMK3P5OX3H0GI/Style+Guide+Copy+6.jpg)
ZeroCater Design System
Our marketing team gained feedback from the client/internal survey to find out what could be improved on our brand look and feel. Based on the analysis from the client/internal survey, I updated our brand guideline.
After updating our brand guideline, I started creating a new style guide with the new colors and the typeface. I led the direction for the product team and engineering team to ensure consistency and accuracy by providing sketch libraries and documentations.
![](https://images.squarespace-cdn.com/content/v1/5f063f4e0ba52b71d8773854/1594244968915-1V9XGRLDGX2OGLPMQI9W/grey+background.jpg)
![](https://images.squarespace-cdn.com/content/v1/5f063f4e0ba52b71d8773854/1594244968922-LN1OA7AATN5MKMAWR7LD/grey+background.jpg)
Process
![](https://images.squarespace-cdn.com/content/v1/5f063f4e0ba52b71d8773854/1594244968949-P6G189ABYFD1QU3X54XD/grey+background.jpg)
Step 1
Brand Survey
We did a survey with our clients to learn how they feel feel about our brand. Most of our clients thought our design should be somewhere between friendly and corporate. Our team picked the typeface and the colors that best reflect the result of the survey.
Step 2
Style Guide
I started creating a new style guide with the new brand colors and and the typeface.
Step 3
Implementation
I applied the new UI components to our web products. Our team went through the updated designs at the weekly meeting to make sure everything works the way we intended.
Step 4
Sketch Libraries & Documentations
I created Sketch libraries and documentations to share with the product and engineering team.
![](https://images.squarespace-cdn.com/content/v1/5f063f4e0ba52b71d8773854/1594244968954-4SLZ271TQG04CMN9IP57/grey+background.jpg)
Style Guide