Typography scale preview
h154px
H1
Effective Typography
h242px
H2
Effective Typography
h334px
H3
Effective Typography
h428px
H4
Effective Typography
h522px
H5
Effective Typography
h618px
H6
Effective Typography
body14px
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The quick brown fox jumps over the lazy dog. Ideally, body text should be between 45-75 characters per line for optimal readability.small12px
Used for captions, helper text, and timestamps. It should remain legible even at smaller sizes. Current contrast ratio allows for safe usage on light backgrounds.