top of page
Color palette.png

Design Systems and Style Guides


The emphasis of design systems and style guide is to provide consistent set of organization branding, principles and assets that ensure the process and evolving designs. 

Raleway 20px 

Quick Quack Car Wash

quick quack components2.png

Quick Quack's branding is about happiness and fun during car washing experience.

Therefore, the style guide includes colorful assets and gamified designs.

First Republic Bank

Component Navigation.png
Typography - icons.png

First Republic Bank's branding is about professional and elegant. The branding leaves a long lasting

impression on users including employees and bank customers.

Segmented control.png

While there are more than one micro-interaction on each components, a style guide with prototypes is to provide a standardized set of not only the color picks and fonts, but also interactions, guidelines and rules.



The intention on CFGI's style guide is to create a welcoming atmosphere that

promotes trust, connection and friendly and positive user experiences. 


freshnow styleguide.png

Grocery delivery services provide convenience and efficiency for customers.

However, the most important impression is to promote freshness, healthy and sustainability.

bottom of page