Style Guide 1

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

Links

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.

Buttons

Add call to action buttons to your posts using button cards. Buttons can be center or left aligned, include custom button text, and link to any URL.

Callouts

Ever find yourself wanting to add extra styling to important information in your posts? Well, now you can with callout cards.

Toggles

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

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.

Regular quote

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.

Bold quote

The only impossible journey is the one you never begin — Tony Robbins

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.

Slack is your productivity platform

Slack is a new way to communicate with your team. It’s faster, better organised and more secure than email.

SlackSlack

Audio

It's now possible to upload audio files directly to your posts! This means you can share audio content with your audience, with a beautiful media player that nests into your posts and emails seamlessly.

Jingle Bells

0:00

/152.067482

1×

File Uploads

Following audio and video cards, now you can add downloadable files to your posts in Ghost. File uploads can be used to share multiple types of content with your audience. Files display in your content with a custom name and caption, like this:

Headers

Add visual headers to your content to create bold, attention-grabbing section headers.

Signup Cards

Signup cards are directly integrated with Ghost memberships so they'll be shown when it makes sense, and hidden when it doesn't. These forms will only be seen by logged out visitors on your site, making sure your existing members are never confused.

Intro to Fashion Design

Learn Step-byStep professional fashion drawing techniques, using Crioquis, Pumb lines, Body movement, Shading, Folds and more.

Subscribe

Email sent! Check your inbox to complete your signup.

No spam. Unsubscribe anytime.

Images

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

Normal

Wide

Full

Gallery

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.

GIFs

If a picture is worth a thousand words then a GIF is worth a thousand pictures. Express yourself with moving cats and talking dogs in Ghost.

Video

As a follow up from audio cards, you can now upload videos to your content in Ghost. Once uploaded, your video content renders in a beautiful video player:

Embed

In the editor it is possible to insert videos from platforms such as Youtube or Vimeo, the videos you insert will adapt perfectly to the device on which they are displayed while maintaining the appropriate aspect ratio.

Product Cards

Display products beautifully with custom content including an image, description, button or rating, so you can add your favorite recommendations to any post.

HomePod Mini

HomePod mini works with your iPhone for requests like hearing your messages or notes, so they are completed on device without revealing that information to Apple.

$99 on Apple

NFT Cards

Ghost just got a new embed. Just like when you share links from YouTube, Soundcloud, and Spotify, OpenSea links now get a beautiful card to make it easier for you to showcase your digital art.

Oceania \\\\ OVERSEER 017

Created by MadeByM1KE• A Miscellany of Thoughts

This is Oceania, the seventeenth piece of the "OVERSEER" series.

Lists

This theme includes styles for both unordered and ordered lists, it also supports nested lists.

Unordered list

• Lorem Ipsum is simply dummy text
• Lorem Ipsum has been the industry's standard dummy text ever since
  • It has survived not only five centuries
  • It was popularised in the 1960s
• It is a long established fact that a reader will be distracted by

Ordered list

1. Contrary to popular belief, Lorem Ipsum is not simply random text
2. It has roots in a piece of classical Latin literatur
   1. The standard chunk of Lorem Ipsum
   2. The point of using Lorem Ipsum
3. Various versions have evolved over the years

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.

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. 3 backticks (```) will turn an entire paragraph into a code block.

    
        function $initHighlight(block, cls) {
            try {
                if (cls.search(/\bno\-highlight\b/) != -1)
                return process(block, true, 0x0F) +
                        ` class="${cls}"`;
            } catch (e) {
                /* handle exception */
            }
            for (var i = 0 / 2; i < classes.length; i++) {
                if (checkCondition(classes[i]) === undefined)
                console.log('undefined');
            }

            return (
                

                {block}
                
            )
        }
    

Forms

It is also possible to insert form elements using the HTML card, Bold includes styles for text fields, select fields, checkboxes, textareas and radio buttons.