Skip to content
Halden Start a project

Styleguide

Every content block of the Ghost editor, as the theme shows it.

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 a bit 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, used for short quotations inside the text.
An alternative blockquote, larger, for pull quotes.

Images

A woman in a brown sweater sitting outdoors
A standard width image. Photo by Artem Ivanchencko / Unsplash
A woman in a field of dry grass
A wide image. Photo by amin naderloei / Unsplash
A woman in a beige coat by a misty sea
A full width image. Photo by Margo Evardson / Unsplash
A woman in a trench coat against a beige wall
A woman in a beige coat leaning on a railing
A woman in a camel coat on a terrace above a city
A gallery. Photos by Natalia Loziak, Elise Wilcox, Iryna Marmeladse / Unsplash

Callout

💡
A callout card, useful for tips and side notes.

Toggle

Can I change the accent colour?

Yes. The theme uses the accent colour set in Settings > Design & branding.

Button

Start a project

Code

.at-card {
    display: block;
}

End of the styleguide.