Double-check type styles used in donate-neo are correct
Here's a list of all the type styles used in Figma. The sizes and line-heights are important to ensuring elements like buttons and form fields end up the correct heights.
Not all of these were used for the donate pages, so if some are missing, that's totally fine.
Show styles
-
headline / H1
- Font: Space Grotesk
- Weight: 700
- Size: 56
- Line height: 1.2
-
headline / H2
- Font: Space Grotesk
- Weight: 700
- Size: 44
- Line height: 1.2
-
headline / H3
- Font: Space Grotesk
- Weight: 700
- Size: 28
- Line height: 1.2
-
headline / H4
- Font: Inter
- Weight: 600
- Size: 22
- Line height: 1.2
-
headline / H5
- Font: Inter
- Weight: 600
- Size: 20
- Line height: 1.2
-
body / large
- Font: Inter
- Weight: 400
- Size: 22
- Line height: 1.5
-
body / medium
- Font: Inter
- Weight: 400
- Size: 18
- Line height: 1.5
-
body / small
- Font: Inter
- Weight: 400
- Size: 16
- Line height: 1.5
-
body / tiny
- Font: Inter
- Weight: 400
- Size: 14
- Line height: 1.5
-
label / large
- Font: Inter
- Weight: 500
- Size: 18
- Line height: 1.5
-
label / medium
- Font: Inter
- Weight: 500
- Size: 16
- Line height: 1.5
-
label / medium-bold
- Font: Inter
- Weight: 600
- Size: 16
- Line height: 1.5
-
label / small
- Font: Inter
- Weight: 500
- Size: 14
- Line height: 1.5
-
label / small-bold
- Font: Inter
- Weight: 600
- Size: 14
- Line height: 1.5
-
label / tiny-bold
- Font: Inter
- Weight: 600
- Size: 12
- Line height: 1.5
Edited by donuts