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
Title | Description |
---|---|
Style | Headings 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 Settings | Both headings and paragraphs take a color option. The default color is the theme's dark black. |
Font Size | The 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. |
Dropcaps | Paragraphs 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. |