Typography

Heading Size 1

Heading Size 2

Heading Size 3

Heading Size 4

In practice, you’ll want to use headings to break your content into easily-digestible sections. We like to use <h2><h3>, and <h4> tags to accomplish this1; be on the lookout for these tags as you browse the sample styles on this page!

Lists

People love lists because they provide very clear breaks in the visual hierarchy and are easy to scan. Lists formatted with GRT are beautifully spaced and will keep your visitors engaged and moving down the page.

  • Unordered list item 1
  • Unordered list item 2
  • Unordered list item 3
    • Nested list item 1
    • Nested list item 2
  • Unordered list item 4

But what about ordered lists? We’ve got those covered, too:2

  1. Ordered list item 1
  2. Ordered list item 2
  3. Ordered list item 3
  4. Ordered list item 4

Blockquotes

When including a quote or citation in your content, be sure to use <blockquote> styles for the most savvy presentation. Consider this profound statement about typography:

The mathematical proportions of typography are vitally important to how readers perceive both your site and your conten

Citation