Find the perfect size for your use case
Display Large52px
The quick brown fox jumps over the lazy dog
Display Medium46px
The quick brown fox jumps over the lazy dog
Display Small41px
The quick brown fox jumps over the lazy dog
Heading 136px
The quick brown fox jumps over the lazy dog
Heading 232px
The quick brown fox jumps over the lazy dog
Heading 329px
The quick brown fox jumps over the lazy dog
Heading 426px
The quick brown fox jumps over the lazy dog
Heading 523px
The quick brown fox jumps over the lazy dog
Heading 620px
The quick brown fox jumps over the lazy dog
Subtitle18px
The quick brown fox jumps over the lazy dog
Body16px
The quick brown fox jumps over the lazy dog
Caption14px
The quick brown fox jumps over the lazy dog
Label13px
The quick brown fox jumps over the lazy dog
Tagline11px
The quick brown fox jumps over the lazy dog
Additonal variables and global properties
Experimental feature. You can add it to your variable drawer to include it in your export if you want. I'm planning to build a visual builder for this soon.
sample.css
Loading template...