Styleguide
Every content element supported by the theme, on a single page.
This page shows how the theme styles each element available in the Ghost editor. Headings use Archivo, body text Newsreader, and small labels IBM Plex Mono.
Headings
Heading level three
Paragraph text with bold, italic, a link and inline code.
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
- An ordered list item
- Second step
- Third step
Quotes
A standard blockquote, for short quotations inside the text.
An alternative blockquote, in heavy expanded type, for pull quotes.
Images
Callout
◆
A callout card, for tips and side notes.
Toggle
Can readers switch to the dark scheme?
Yes. Choose Dark or Auto as the default, and readers can switch with the moon button.
Button
Separator
The separator below is a short square rule.
Code
.cb-panel {
position: fixed;
width: 50vw;
}