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.

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.