Typography examples
This page shows examples of George’s Typography components.
Start with Heading
The grey background starts with a heading level 2 that requires .g-first.
Card after Paragraph
A card follows a paragraph; which also shows how to start with a paragraph instead of a heading.
Card after Heading
A card follows a heading.
Card with different Heading sizes
Displaying a visual heading hierarchy is possible by setting restrictHeadingSize: false.
Comprehensive example
A complex example showing various nested cards and their respective headline levels.
Example for legal text
Marking a section as legal text (.g-small) will result in a reduced font size.