Typography
Typography
The challenge was to find a font that will meet several key SmartHotel brand guidelines.
It has to be modern (we are a tech company) but easy to read (our system is used by a wide range of people).
It has to be modern (we are a tech company) but easy to read (our system is used by a wide range of people).
Font
Meet Manrope, minimal, modern, clean, geometric and multilanguage sans-serif font family.
Sizes
We divide the font size into four types – text, label, heading and display.
Important is, to use right letter spacing depending on the font size.
Important is, to use right letter spacing depending on the font size.
Display
Heading
Label
Text
Pairings
We divide pairings into a few several types – size, weight, color contrast.
Size
The balance between the heading and the text is very important, so the heading
should be 1.5x or 2x the size of the text, creating a clear difference between these two.
should be 1.5x or 2x the size of the text, creating a clear difference between these two.
Weight
The second way is to balance the headline with the content.
Medium weight should be paired with Light weight, and Bold weight should be paired with Regular weight.
Medium weight should be paired with Light weight, and Bold weight should be paired with Regular weight.
Contrast
The third way is to use color contrast. It can be used for long headers/titles. You need to keep same font size.
