Style Guide

Here's a style guide content you can use for your Ghost-powered website. This guide covers visual and editorial standards you can customize to fit your brand.
Headings
📝 Using Headings in the Ghost Editor
In Ghost, headings are used in the editor (for posts and pages) and in theme development (using Handlebars templates). Here's how to use them in both contexts:
In the Ghost editor (Koenig editor), you can use headings by:
✏️ Markdown Shortcut:
- Type
#
then a space for Heading 1 - Type
##
then a space for Heading 2 - Up to
######
for Heading 6
Example:
# Heading 1
## Heading 2
### Heading 3
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Callout
đź§± What is a Callout?
In Ghost, Callouts are a built-in way to highlight important content visually inside a post or page using the Koenig editor. They help draw attention to a message, note, warning, or any emphasized content—similar to info boxes or alert banners.
A Callout in Ghost is a content block with a distinct background, border, and icon, used to visually separate key information.
📌 Callout Structure:
- Icon (optional)
- Title (optional)
- Body Text
âž• How to Add a Callout in Ghost
- In the Ghost editor, type
/callout
- Press Enter to insert it
- Customize:
- Add an icon (e.g., 💡, ⚠️, ✅, 🔥)
- Add a title or leave it blank
- Add your content/message
✨ Example Callouts
Quotes
How to Add a Quote in Ghost (Koenig Editor)
➤ Using the Slash Menu
- Type
/quote
- Hit Enter
- Start typing your quote text
➤ Using Markdown
Type >
at the beginning of a line:
"My wallet is like an onion. Opening it makes me cry."
— Anonymous
Bookmarks
In Ghost, Bookmarks are a powerful built-in content block used to visually embed links with rich previews — similar to how social media shows a link preview card.
đź”– What Are Bookmarks in Ghost?
Bookmarks display a link preview card that includes:
- Site title
- Site description
- Favicon
- Cover image (if available)
- Clickable link
They’re great for embedding links to other blog posts, articles, tools, or products in a visually appealing way.
đź”— Example:

Products
Use Cards in the Koenig Editor
In each product page/post, you can embed:
- Images or galleries
- Bookmark cards (for product links)
- Callouts (for prices or notes)
- Buttons (to checkout or download)

Parachute Jackets
Wearing a parachute jacket doesn’t make you adventurous. It just means you're ready for wind... or compliments.
Images
In Ghost, images are an essential part of creating visually rich content. You can use images in multiple places—within posts and pages, as feature images, in your theme design, or even dynamically for SEO and social sharing.



Gallery
In Ghost, a gallery is a built-in content block that lets you display multiple images in a responsive grid layout — perfect for showcasing photography, product shots, portfolios, or moodboards directly within posts or pages.









Audio
In Ghost, you can embed audio directly into posts and pages using the Audio card or HTML embeds. This is great for sharing podcasts, music, sound effects, or audio commentary.
File
In Ghost, you can upload and embed files (like PDFs, audio, ZIPs, and more) into your posts or pages — either for download or direct embedding.
Button
host’s editor has a built-in Button Card for creating styled buttons.
📌 How to Use:
- In the Ghost editor, type
/button
- Press Enter
- Fill in:
- Button text
- URL
- Choose style: Primary or Secondary
➡️ Example:
Toggles
In Ghost, Toggles (also known as collapsible content or accordions) let you hide and reveal text or blocks of content — useful for FAQs, details, or decluttering long posts.
Can you customize my toggle blocks for my brand?
Yes, we can do this job for you! Just send us a message and let’s get started.
Please note: we do not accept projects involving illegal products, abusive content, alcohol, or similar.
I want to hire you to customize my website.
We only offer website customization services for Ghost themes. Please send us a message along with your website URL and a brief description of your project.
Once again, we do not accept projects involving illegal products, abusive content, alcohol, or similar.
Highlighting
In Ghost, highlighting refers to emphasizing text with a background color (like a marker) or using code syntax highlighting — depending on the context. Ghost’s editor does not have native "highlight" formatting (like yellow background for text), but you can use a workaround with an HTML or markdown card:
Code
You can display some code using Markdown or Html Card.
.awesome-markdown {
display: block;
width: 100%;
}
.awesome-html {
display: block;
width: 100%;
}
Video
Embeds
In Ghost, Embeds are a way to insert external media or interactive content (like YouTube videos, Tweets, Spotify tracks, etc.) directly into your posts and pages — without needing to write any code.
Ghost is one of the best platforms for building modern websites, especially if your focus is publishing, blogging, or content-driven business. Here’s what makes Ghost stand out:
Top Strengths of Ghost
1. Speed & Performance
- Built with Node.js and designed to be lightweight and fast.
- Pages load quickly, and the admin panel is also very responsive.
2. Clean, Minimal CMS
- Ghost Admin is distraction-free, elegant, and focused on writing and publishing.
- Markdown-based editor with native support for embeds, galleries, code blocks, etc.
3. SEO Out of the Box
- Automatic sitemaps, structured data (JSON-LD), canonical tags, AMP support, and more.
- Clean HTML output makes it easy for search engines to index your content.
4. Membership & Subscriptions
- Native support for memberships, login, newsletters, paid subscriptions — no need for plugins.
- Perfect for creators, publishers, or newsletter-based businesses.
5. Custom Themes & Headless Flexibility
- Ghost supports custom Handlebars themes.
- Also works great as a headless CMS via its REST and Content APIs — integrate with Next.js, Gatsby, etc.
6. Open Source
- Full control — self-host on your own server or VPS.
- Customize anything in your theme or backend code.
7. Developer Friendly
- Clean theme structure, strong API, and detailed documentation.
- Easy integration with third-party tools (Zapier, Stripe, Algolia, etc.).
8. Security and Simplicity
- No plugins needed for essential features (unlike WordPress).
- Less risk of performance or security issues from third-party code.
đź§© Use Cases Where Ghost Shines
- Personal blogs or portfolios
- Digital magazines or publications
- Paid newsletter businesses
- Company blogs or documentation
- Lightweight ecommerce with content marketing
This theme is built on Ghost, focusing on a thumbnail layout — perfect for individuals or companies looking to enhance their branding.