Typography

Typography is the foundation of any design project we work on. In fact, we begin every project by first establishing the governing rules of type ensuring maximum readability comfort across all screen resolutions.

This is accomplished by taking into account everything from vertical rhythm, to comfortable reading measures, to scalable typography and incremental leading. All font sizes are set in relative rem measurements which allows for the proportional scaling of font sizes based on the end user’s browser settings. This page represents base styles and rules for type and can be modified for each site.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Font size default

Font size small

Font size medium = Heading 4

Font size large = Heading 3

Font size x large = Heading 2

Font size xx large = H1

This is a sentence in normal non-italic text.

This is a sentence in normal italic text.

This is a sentence in bold non-italic text.

This is a sentence in bold italic text.

Some paragraphs with alternative block styles. This one is using the Display block style, which comes with the Twenty twenty five theme.

Some paragraphs with alternative block styles. This one is using the Subtitle block style, which comes with the Twenty twenty five theme.

Some paragraphs with alternative block styles. This one is using the Annotation block style, which comes with the Twenty twenty five theme.

This group has default padding all around

This group has no padding all around (but the sentence has background colour and therefore some default padding.

This group has small padding all around

This group has medium padding all around

This group has large padding all around

This group has extra large padding all around

This group has XX large padding all around