Brand
Manual
v1
Brand
The Mity brand is anything that affects how we are perceived. The more obvious parts of that are things like our logo, colors and typography which are covered here.
Logo
Our Logo is the heart of our corporate identity and the main way people recognize our brand visually.
It exists in two main variations
The Wordmark
The Icon
These Elements are used separately based on context. They can be colored black, white, yellow or purple. The Icon and Wordmark should not be used together.
Colors
Color is used to increase our brand recognition even more and improve legibility of our designs. Always use color combinations that provide good contrast.
Black
#0E0415
copied to clipboard!
Dark
#2F2F2D
copied to clipboard!
Dark-Gray
#565653
copied to clipboard!
Medium-Gray
#888883
copied to clipboard!
Gray
#B1B1AC
copied to clipboard!
Light-Gray
#D2D2CE
copied to clipboard!
Off-White
#E9E8E3
copied to clipboard!
White
#FFFFFF
copied to clipboard!
Yellow
#F0E602
copied to clipboard!
Purple
#3C0E5C
copied to clipboard!
Secondary colors
In addition to our primary brand colors, which should be preferred, there are also secondary colors that can be used in things like charts, illustrations and animations.
Red
#F23859
copied to clipboard!
Green
#25B972
copied to clipboard!
Dark-Purple
#1E082D
copied to clipboard!
Blue
#2825B7
copied to clipboard!
Light-Red
#FF9AAC
copied to clipboard!
Light-Green
#7CD1A8
copied to clipboard!
Light-Purple
#BFA1D3
copied to clipboard!
Light-Blue
#A4A2F6
copied to clipboard!
Light-Yellow
#FFFBA6
copied to clipboard!
Remember to replace default colors with our brand colors in all applications, for a unified look across the brand.
Typography
We use Dela Gothic One combined with Poppins. Where these are not available, Arial or Open Sans may be used as a fallback.
They are both Open Source fonts and can be found on Google Fonts.
Mity
Dela Gothic One - used primarily for Headings
Mity
Poppins Regular 400 - used mainly for body text