Design
A comprehensive overview of design tokens, components, core values, and principles that guide our design decisions.
Core Values
Four things that we believe in:
Cultivate a growth mindset
We are all lifelong students and self-improvers. We are only interested in people with a growth mindset. And therefore, we have a relentless ambition to improve ourselves — both professionally and personally.
Be creative but stay accountable
We document our processes and set deadlines so as not to limit ourselves. But to be able to do repetitive things faster and have more time for experiments and innovation.
Every single interaction matters
This includes everything - every layer of the overall operations. The way we communicate, work and behave. Even the smallest of things may lead to fantastic results collectively. We call this synergy.
Don't be a victim
Victim mentality is about avoiding an opportunity to handle a challenge. Some tend to easily fall into the act of not trying or simply giving up, usually blaming it on circumstances. It can only bring bad feelings such as anger, hopelessness, and depression. For us, problems are as natural as life itself, and we rather enjoy cracking them. They teach us some worthy life lessons, bringing new experience and knowledge ultimately making us better.
Design Principles
Consistency
When similar elements look consistent and display the functions they perform, usability thrives.
Simplicity
Clarity results in more efficient user interfaces (UIs) to help users perform their tasks fast and easy.
Reinventing Do/Don't
Using top-notch design practices to channel a set of patterns into a simple, yet powerful UI.
Less is More
Get the most from UI. Limit the users from having to navigate unnecessary content and let them focus on what matters.
Consistency
When similar elements look consistent and display the functions they perform, usability thrives.
Simplicity
Clarity results in more efficient user interfaces (UIs) to help users perform their tasks fast and easy.
Reinventing Do/Don't
Using top-notch design practices to channel a set of patterns into a simple, yet powerful UI.
Less is More
Get the most from UI. Limit the users from having to navigate unnecessary content and let them focus on what matters.
Brand
Brand Typography
Brand Logo
Typography
Heading Hierarchy
Studio Heading 1 - Bold
Studio Heading 2 - Semibold
Studio Heading 3 - Medium
Studio Heading 4 - Regular
Studio Body text - Regular
Studio Small text
Font Weights
Font Weight 300 - Light
Font Weight 400 - Regular
Font Weight 500 - Medium
Font Weight 700 - Bold
Font Weight 800 - Extrabold
Color Tokens
Light
#ffffff
Creme
#dfd6c7
Highlight
#faed5b
Highdark
#00577e
Dark
#262d31
Darkest
#000000
Destructive
#ef4343
Light
#ffffff
Creme
#dfd6c7
Highlight
#faed5b
Highdark
#00577e
Dark
#262d31
Darkest
#000000
Destructive
#ef4343