Typography

Powered by a modern, sleek sans-serif and paired with an elegant serif, this theme's typography aims to create a bold but inviting design experience.


Preview

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6

Heading Alt H1

Heading Alt H2

Heading Alt H3

Heading Alt H4

Heading Alt H5
Heading Alt H6

Body - Serif

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Body - Sans-Serif

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Body - Sans-Serif Alternative

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Usage

This theme features three different font families - Halyard Display, Halyard Text, and Capitolina. When adding a heading to the page, you should use the bolder of the two heading font styles. The alternative heading style should only be used directly under a bolder heading. Additionally, the default body copy is Capitolina or the serif font. Halyard Text should be reserved for captions or when you need to offset a paragraph of text from the standard body copy.

Options

TitleDescription
StyleHeadings have two styles, Default which is a bolder font, and Alternative which is a lighter font. Paragraphs have three options. The default serif font, a sans-serif body copy, or an alternative body copy. The alternative body copy should be used very rarely and only in a larger font size to call attention to a paragraph of text.
Color SettingsBoth headings and paragraphs take a color option. The default color is the theme's dark black.
Font SizeThe size of the font can be altered for both headings and paragraphs. This should be done sparingly and only to preserve accessibility hierarchies or offset a paragraph of text from the standard body copy.
DropcapsParagraphs of text can feature a drop cap - larger first character. This style is rarely used in this design but can be used for blog posts.