Style Guide

Below are examples of Ghost’s expansive editing toolset designed to accommodate the extensive needs of modern creators.

Headings

Header tags are what keep your content away from absolute chaos in terms of visual organization. They help your readers understand your writing, they help search engines determine your content.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Callouts

Ever find yourself wanting to add extra styling to important information in your posts? Well, now you can with callout cards. Each callout card can include an emoji, any length of text with styles and links, and a custom background color.

👻
Create your own platform on the web. Ghost is a powerful app for new-media creators to publish, share, and grow a business around their content.
👌
It comes with modern tools to build a website. Publish content, send newsletters & offer paid subscriptions to members.
✏️
Publish by web & email newsletter. An editor built from the ground-up for professionals. Calm by design, with advanced workflows by default. 

Quotes

You can make quotes stand out with two types of blockquote styles that can be applied directly in the editor.

Ghost is a fully open source, adaptable platform for building and running a modern online publication. We power blogs, magazines and journalists from Zappos to Sky News.
Ghost is a fully open source, adaptable platform for building and running a modern online publication

Bookmarks

When using a URL with the right meta information, it can show the page title, excerpt, author, publisher and even a preview image. This is a great way to share links from sites that don't have automatic embeds.

Apple
Discover the innovative world of Apple and shop everything iPhone, iPad, Apple Watch, Mac, and Apple TV, plus explore accessories, entertainment, and expert device support.
Apple

Images

Image from Unsplash
Image from Unsplash

Ghost supports image galleries for up to 9 images at a time, all of which are automagically responsive and optimised to look their best no matter how many images you add or remove.

Section Headers

Make a statement with bold section headers in your posts and pages. Insert a header card to add a full width divider that can include a title, subheading, and a button.

Get Nova

Buttons

Get Nova… It’s *really* worth it!

Toggles

Use the Toggle card to create collapsible sections of text in your posts and pages. Great for creating distinct sections in your content, or adding an FAQ section.

When should I use Toggles?

Toggles allow you to create collapsible sections of content which is a great way to make your content less overwhelming and easy to navigate. A common example is an FAQ section, like this one.

Where can I take Ghost for a spin?

Start a free 14-day trial here. You won't be billed at the end, and you'll have access to all features.

Lists

  • Create a list by starting a line with +, -, or *
  • Sub-lists are made by indenting 2 spaces:
  • Marker character change forces new list start:
  • Facilisis in pretium nisl aliquet
  • Easy peasy!