Font
We use the Inter across website and app. It is available through Google Fonts. Inter was designed by Rasmus Andersson, the principal designer at Figma. Tailwind use the Inter font on their own website and blog as well https://tailwindcss.com/. Inter is often considered a premium upgrade to Source Sans.Typography notes
- Start with a sensible base value e.g. 16px, since it’s the default font size for most browsers.
- Consider non-linear type scales (e.g. Refactoring UI) was modular type scale (e.g. perfect fifth or golden ratio) as per https://type-scale.com/
- When working with a type scale it is best to avoid em units, and stick to px or rem units
- Here are some good notes on font choice https://www.learnui.design/blog/mobile-desktop-website-font-size-guidelines.html