Styleguide

This page shows how the theme styles each element available in the Ghost editor. Posts open with a drop cap; pages like this one do not.

Headings

Heading level three

Paragraph text with bold, italic, a link and inline code. Headings use Fraunces, body text uses DM Sans.

Heading level four

A second paragraph to show the rhythm between blocks of text.

Lists

• An unordered list item
• Another item with more text, to show how lines wrap when the content is longer than a single line
• A third item

1. An ordered list item
2. Second step
3. Third step

Quotes

A standard blockquote, for short quotations inside the text.

An alternative blockquote, larger and centered, for pull quotes.

Images

Callout

Toggle

Button

Separator

The separator below is drawn as a small arch, the signature shape of the theme.

Code

.sv-tile {
    min-height: 420px;
    background: var(--sv-tile-bg);
}