Typography
Following are the typography styles you have available within GreyboxPro. All of these can be updated by logging into your admin area and going to GreyboxPro Options.
When you update simply refresh this page and you’ll see the updated styles.
Heading 1
Heading 1 showing what the line height looks like
Heading 1 XXL
Heading 1 XXL showing what the line height looks like
Heading 1 XL
Heading 1 XL showing what the line height looks like
Heading 1 Large
Heading 1 Large showing what the line height looks like
Heading 1 Medium
Heading 1 Medium showing what the line height looks like
Heading 1 Small
Heading 1 Small showing what the line height looks like
Heading 2
Heading 2 showing what the line height looks like
Heading 2 XXL
Heading 2 XXL showing what the line height looks like
Heading 2 XL
Heading 2 XL showing what the line height looks like
Heading 2 Large
Heading 2 Large showing what the line height looks like
Heading 2 Medium
Heading 2 Medium showing what the line height looks like
Heading 2 Small
Heading 2 Small showing what the line height looks like
Heading 3
Heading 3 showing what the line height looks like
Heading 3 XXL
Heading 3 XXL showing what the line height looks like
Heading 3 XL
Heading 3 XL showing what the line height looks like
Heading 3 Large
Heading 3 Large showing what the line height looks like
Heading 3 Medium
Heading 3 Medium showing what the line height looks like
Heading 3 Small
Heading 3 Small showing what the line height looks like
Heading 4
Heading 4 showing what the line height looks like
Heading 4 XXL
Heading 4 XXL showing what the line height looks like
Heading 4 XL
Heading 4 XL showing what the line height looks like
Heading 4 Large
Heading 4 Large showing what the line height looks like
Heading 4 Medium
Heading 4 Medium showing what the line height looks like
Heading 4 Small
Heading 4 Small showing what the line height looks like
Heading 5
Heading 5 showing what the line height looks like
Heading 5 XXL
Heading 5 XXL showing what the line height looks like
Heading 5 XL
Heading 5 XL showing what the line height looks like
Heading 5 Large
Heading 5 Large showing what the line height looks like
Heading 5 Medium
Heading 5 Medium showing what the line height looks like
Heading 5 Small
Heading 5 Small showing what the line height looks like
Heading 6
Heading 6 showing what the line height looks like.
Heading 6 XXL
Heading 6 XXL showing what the line height looks like.
Heading 6 XL
Heading 6 XL showing what the line height looks like.
Heading 6 Large
Heading 6 Large showing what the line height looks like.
Heading 6 Medium
Heading 6 Medium showing what the line height looks like.
Heading 6 Small
Heading 6 Small showing what the line height looks like.
Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis ac leo sed commodo. Praesent eu ex vel metus semper dictum sed vitae est. Donec condimentum imperdiet justo quis vulputate. Praesent condimentum quam nisl, hendrerit tincidunt risus congue etasdf.
Quisque semper sem id libero eleifend blandit. Morbi vel convallis orci. Donec porta risus augue, sed scelerisque nunc gravida sed. Sed placerat dapibus porta. Cras ligula metus, lacinia ut lobortis sed, dictum a leo. Nullam porta pulvinar posuere.
Quote
Lorem ipsum dolor sit amet, services adipiscing elit. Mauris mattis ac leo sed commodo. Praesent eu ex vel metus semper dictum sed vitae est. Donec condimentum imperdiet justo quis vulputate. Praesent condimentum quam nisl, hendrerit tincidunt risus congue etasdf.
Caption
Bullet list
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis ac leo sed commodo.
- Praesent eu ex vel metus semper dictum sed vitae est. Donec condimentum imperdiet justo quis vulputate.
- Praesent condimentum quam nisl, hendrerit tincidunt risus congue et.
- Quisque semper sem id libero eleifend blandit.
- Morbi vel convallis orci. Donec porta risus augue, sed scelerisque nunc gravida sed.
- Sed placerat dapibus porta. Cras ligula metus, lacinia ut lobortis sed, dictum a leo. Nullam porta pulvinar posuere.
Numbered list
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis ac leo sed commodo.
- Praesent eu ex vel metus semper dictum sed vitae est. Donec condimentum imperdiet justo quis vulputate.
- Praesent condimentum quam nisl, hendrerit tincidunt risus congue et.
- Quisque semper sem id libero eleifend blandit.
- Morbi vel convallis orci. Donec porta risus augue, sed scelerisque nunc gravida sed.
- Sed placerat dapibus porta. Cras ligula metus, lacinia ut lobortis sed, dictum a leo. Nullam porta pulvinar posuere.