Typography
Typography helps make writing legible, accesible and beautiful
Font family
SUGOI’s main font family is HK Grotesk. It has been specifically selected for its versatility and legibility across all sizes and weights. Learn more about it on it’s type foundry official site
Four type roles
Type styles are defined by four roles: Title, Subtitle, Body and Links. These different classes allow for simpler application across a broader range of use cases.
Titles
As the largest text on the screen, Title styles are reserved for short, important text or numerals.
Subtitles
Subtitles are best-suited for short, high-emphasis text on smaller screens. These styles can be good for marking primary passages of text or important regions of content.
Body
Body styles are used for longer passages of text in the app.
Links
Link styles are designed to be used whenever you want to make a string of text clickable. These strings should be kept short and concise.
Font weight value in code
Our typography has 9 different weights. Here you can find the value of those weights for their implementation in code. These weights are to be declared in the pubspec.yaml
Type scale
Type styles are defined by four roles: Title, Subtitle, Body and Links. These different classes allow for simpler application across a broader range of use cases.
Titles
Subtitles
Subtitles are best-suited for short, high-emphasis text on smaller screens. These styles can be good for marking primary passages of text or important regions of content. There are four Subtitle styles in the type scale: Large, Medium, Small and Extrasmall.
Body
Body styles are used for longer passages of text in your app. There are four Body styles in the type scale: Large, Medium, Small and Extrasmall.
Links
Link styles are designed to be used whenever you want to make a string of text clickable. These strings should be kept short and concise. 

 There are only three Link styles in the type scale: Large, Medium and Small. This is because since the text will be interactible, the text needs to be big enough to allow for comfortable and easy clicking.
Last updated