Headings and Sub-headings
Every good style package includes headings you can use to format your content like a pro. Check out this cascade of GRT headings:
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
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!
Body Text: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lists
People love lists because they provide 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
- Ordered list item 1
- Ordered list item 2
- Ordered list item 3
- 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:
This is a blockquote. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
– Citation
This is a pullquote. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
-Citation
Code Formatting
You’ve already seen inline code styling via the <code>
tag a few times on this page. GRT also provides tidy preformatted code styling via the <pre>
tag, as seen in this snippet of fictitious PHP code:
class golden_ratio_typography { public $phi = false; public $fonts = array(); public function __construct() { $this->phi = (1 + sqrt(5)) / 2; } }
Button Button Outline Button White
Line:
Blockquote – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras iaculis est elit, vel maximus felis rhoncus hendrerit. Proin id nulla quam. Phasellus pretium sit amet mauris ut fermentum. Suspendisse nec odio quis augue rutrum tincidunt. Ut egestas neque eu hendrerit suscipit. In sit amet interdum erat Phasellus pretium sit amet mauris ut fermentum. Suspendisse nec odio quis augue rutrum tincidunt. Ut egestas neque eu hendrerit suscipit. In sit amet interdum erat.