titles
subtitles
Body Copy
Pro tips
Mobile Text Sizing
Disclaimers
46
Mobile testing
44
Mobile testing
42
Mobile testing
40
38
36
34
32
30
28
26
24
22
20
18
Mobile testing
Mobile testing
Mobile testing
Mobile testing
Mobile testing
Mobile testing
*These sizes may vary per project, so 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.
Always use even font sizes
Ensure there is a hierarchy of font sizes from title to disclaimers. Body copy should be a comfortable reading size for the user.
Lighter weight fonts may not render well on small screens. Avoid using “light” or “thin” fonts on mobile.
Mobile testing
Mobile testing
Mobile testing
Mobile testing
Mobile testing
Mobile testing
