Style Guide & Content Showcase

This page demonstrates all the content formatting options available in Ghost.

Typography

Ghost supports headers from H2 to H6. H1 is reserved for the post title.

This is an H2 Header

This is an H3 Header

This is an H4 Header

This is an H5 Header

This is an H6 Header

Text Formatting

You can use bold text, italic text, and even inline code snippets within your content.

Here's a paragraph with a link to Ghost.

Lists

Unordered List

• First item in the list
• Second item with more detail
  • Nested item one
  • Nested item two
• Third item with a conclusion

Ordered List

1. First step in the process
   1. Nested item in the process
2. Second step with instructions
3. Final step to completion

Quotes & Code

Blockquote

"This is a blockquote. It's perfect for highlighting important quotes, testimonials, or key insights. Blockquotes should stand out visually from regular text."

— Author Name

Code Block

// Example code block
function greet(name) {
  console.log(`Hello, ${name}!`);
  return true;
}

greet('World');

Images

Single Image

Wide Image

Full-Width Image

Gallery

Conclusion

Ghost Content Cards

Bookmark Card

Magic Pages

Get your Ghost CMS publication up and running in no time with Magic Pages’ Ghost CMS web hosting – starting at $6/month!

Magic Pages

Horizontal Divider

Use horizontal rules to separate major sections:

Callout

Button

Divider

Call To Action

SPONSORED

Write something worth clicking

Signup

Header

Heading in a full-width header

Subheading in a full-width header

Button

Toggle

Files

Product

Product title

With a product description

And a nice button

Tables

Tables are great for displaying structured data:

Media Embeds

YouTube Video

Audio

Sample Audio

0:00

/93.6

1×

GIF

Spotify