titles
subtitles
Body Copy
Pro tips
*Experience Size: 800 px wide, browser scaling to Full width
Mobile Text Sizing
Disclaimers
50
Mobile testing
48
Mobile testing
46
Mobile testing
44
42
40
38
36
34
32
30
22
20
18
Mobile testing
Mobile testing
Mobile testing
Mobile testing
Mobile testing
*These text sizes are based on a 800 px wide experience. Building at 540 px wide may alter text sizes. We suggest testing sizes and line heights before diving into a full build. If you'd like our team to take a look we're happy to do so as well.
Mobile experience size should be 800 px
with the browser scaling to Full width
Always stick with even numbers when choosing font sizes
Keep in mind that the hierarchy of font sizes from title. Body copy should be obvious enough for the user, this will be on a case-by-case basis.
Lighter weights may not render well, so better
to use any weight above “light” or “thin”
Mobile testing
Mobile testing
Mobile testing
Mobile testing
Mobile testing
Mobile testing
Mobile testing
Mobile testing
Mobile testing
24
26
28
Labels