top of page
Visual Guideline

Style guides (or brand bibles) contain all the necessary information to create whatever your company needs. Whether it be a website, advertisement, internal memo, or whatever else, this little document will make your life a breeze.



During the days in iStaging, I noticed that we didn't have a united guideline for our products. From font size, icons, color types, to gradient usage, there wasn't a visual guideline for us designers to follow, which had led to the inconsistency in our UI and EDMs. 
When I talked about this problem with co-workers and our design team, they agreed that we should build a visual guideline first, so that the whole design team can follow this to build UI guideline for each products. Since we didn't have any experience building an official guideline, I decided to create one based on other visual guideline of other apps.



10/2021 - 11/2021



Researcher, Visual Designer

Design Guideline

As the lead designer of the guideline project, I researched the official guideline of Messenger from Meta, since we share a similar ultraviolet gradient style. Based on the file, I came up with this brand visual guidelines and has practiced through the whole company design. After several discussion with the whole design team, we have made it happen! Brand Visual Guideline is shown as below.


My biggest takeaway from this project, apart from sharpening my design techniques, was the taste of trying new things. I gained hands-on experience about how to build an official guideline and make rapid progress in a design team.

bottom of page