Design System Font styles DUPLICATE - Githubissues

Synthetixio / issues

0 stars 3 forks source link

Design System Font styles DUPLICATE #469

Closed howitsjade closed 2 years ago

howitsjade commented 2 years ago

Summary

Fonts styles used for the new design system

Figma link

https://www.figma.com/file/VV5cbTpq0fOdEspWWI5LJj/Brand-Guidelines-V2?node-id=6%3A364

Things to do

[ ] Add Dapp Typography (19 different ones)
[ ] Add Content Typography (6 different ones)

Watch out:

We're using two different font groups, one using inter (for the dapp) and one using GT america (for content/marketing)
For titles, the line-height is 1.1x the font size eg: h1 has 40px font size and 44px line height
For buttons, keep the line height to auto (as it is not supposed to wrap)
For the rest, it's 1.3x the font size

Ping me for any question!