The style guide provides you with a blueprint of Puzzle’s default post and page styles. The style guide is also a great reference for suggested typographic treatment and styles for your content.

Typography treatment

Puzzle pays special attention to typography and type treatment, which really underscores and compliments your content across all devices.

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

Blockquote

The blockquote is used to indicate the quotation of a large section of text from another source.

Those of us that had been up all night were in no mood for coffee and donuts, we wanted strong drink. We were, after all, the absolute cream of the National Sporting Press.

Mixed list items

Writing in Markdown is really easy. In the left hand panel of Ghost, you simply write as you normally would. Where appropriate, you can use shortcuts to style your content. For example, a list:

• Unordered list item one
• Unordered list item two
  • A nested item
• Unordered list item three

1. Remember to buy some beer
2. Drink the beer
3. Tweet that I remembered to buy the beer, and drank it

Code formatting

Code can be presented inline, like <?php bloginfo('stylesheet_url'); ?>, or within a pre block.

#container {
    float: left;
    margin: 0 -240px 0 0;
    width: 100%;
}

Table styles

Highlight Text Style

To use the highlight, you simply need to add == before and after the highlighted text.

Image gallery