Style Guide

Headings

When creating a header, all you need to do is add a # before your header or use the contextual toolbar. You can keep adding up to six # in a row to make the headers smaller.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6


If you paste in a URL, like https://ghost.org - it'll automatically be linked up. But if you want to customise your anchor text, you can do that too! Here's a link to the Ghost website.



Quoting

If you want to add a quote, you just need to add a > to the beginning of the line or use the contextual toolbar, and it will put it into the quote format.

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.


Bookmarks

With the Bookmark card you can present links in a much richer format. If the URL points to a page with right meta information it can show the page title, excerpt, author, publisher and even a preview image.

macOS Big Sur Preview
macOS Big Sur elevates Mac to a new level of power and beauty with a refined new design, major app updates, and more transparency around your privacy.


Images

You can upload images using the Image card. Once inserted you can display images beautifully into your content at different sizes (normal, full, and wide) and add captions if needed.

Gaining a deep understanding the problems that customers face is how you build products that provide value and grow. It all starts with a conversation. You have to let go of your assumptions so you can listen with an open mind and understand what’s actually important to them. That way you can build something that makes their life better. Something they actually want to buy.
Photo by Headway / Unsplash
I saw some palm trees. I took a picture.
Photo by Corey Agopian / Unsplash
An iPhone with dark wallpaper and a black headphone.
Photo by Ryan Yao / Unsplash

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



Video



List Types

Unordered list

  • Item number one
  • Item number two
    • Nested item one
    • Nested item two
  • Item number three

Ordered list

  1. Item number one
  2. Item number two
    1. Nested item one
    2. Nested item two
  3. Item number three


Highlighting

Highlighting text can help bring important information immediately to the reader's attention. When creating a highlighting text, all you need to do is add a == before and after your text in a Markdown card.



Tables

This theme supports responsive tables that will display a horizontal scroll bar if the screen is too small to display the full content.

# Heading Heading Heading Heading
1 Cell Cell Cell Cell
2 Cell Cell Cell Cell
3 Cell Cell Cell Cell
4 Cell Cell Cell Cell
5 Cell Cell Cell Cell


Code

If you’re a technical writer, you may want to use example snippets of code to teach your readers a particular syntax. Using a single backtick (`) around a word in a sentence, you can show a quick code snippet. three backticks (```) will turn an entire paragraph into a code block.

.awesome-thing {
  display: block;
  width: 100%;
}


Forms








Spread the word