Typescale Generator
Generate a comprehensive typographic scale with consistent proportions
Font Weights:
Line Heights:
Display
Display 1
76px
Quest for joy mixed with brave, quick zeal unveils depth.
Display 2
61px
Quest for joy mixed with brave, quick zeal unveils depth.
Headings
Heading 1
49px
Quest for joy mixed with brave, quick zeal unveils depth.
Heading 2
39px
Quest for joy mixed with brave, quick zeal unveils depth.
Heading 3
31px
Quest for joy mixed with brave, quick zeal unveils depth.
Heading 4
25px
Quest for joy mixed with brave, quick zeal unveils depth.
Heading 5
20px
Quest for joy mixed with brave, quick zeal unveils depth.
Heading 6
18px
Quest for joy mixed with brave, quick zeal unveils depth.
Body
Body Large
18px
Quest for joy mixed with brave, quick zeal unveils depth.
Body Medium
16px
Quest for joy mixed with brave, quick zeal unveils depth.
Body Small
14px
Quest for joy mixed with brave, quick zeal unveils depth.
Button
Button Large
18px
Quest for joy mixed with brave, quick zeal unveils depth.
Button Medium
16px
Quest for joy mixed with brave, quick zeal unveils depth.
Button Small
14px
Quest for joy mixed with brave, quick zeal unveils depth.
Caption
Caption
13px
Quest for joy mixed with brave, quick zeal unveils depth.
Size Variables
Size variables component will be loaded here