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. Posts open with a gold drop cap; pages like this one do not.
Headings
Heading level three
Paragraph text with bold, italic, a link and inline code. Headings use Cormorant Garamond, body text uses Manrope.
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 gold, for pull quotes.
Images
Callout
✦
A callout card, for tips and side notes.
Toggle
Can I use the light scheme?
Yes. Choose Light as the default color scheme, or let readers switch with the toggle.
Button
Separator
The separator below is a small gold star between two lines.
Code
.au-glass {
background: var(--au-glass);
backdrop-filter: blur(22px);
}