Colors

A curated selection of tones designed to provide a high-contrast, modern aesthetic. Our palette balances grounding neutrals—reminiscent of industrial gallery spaces—with vibrant accent hues that draw the eye to interactive elements, citations, and critical highlights.

Typeface & Visual Hierarchy

The typography in this theme is engineered for maximum legibility and artistic impact. We utilize a structured scale to distinguish between analytical critique and editorial storytelling, ensuring that even the most complex text remain accessible.

HEADING 1 (Page Title)

Heading 2 (Section Title)

Heading 3 (Sub-section)

Paragraph: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This theme supports bold text, italicized text, hyperlinks, and inline code.

Fonts used in this theme: Bebas Neue, Space Grotesk, DM Mono

Structural Clarity & Narrative Flow

Our list styles and organizational elements are designed to break down complex analyses into digestible segments. These components provide the structural scaffolding necessary to maintain a clear, logical progression throughout your narrative.

• Unordered List Item
  • Nested item for deeper detail.
• Another point to consider.

1. Ordered List Item One
2. Ordered List Item Two
   • Sub-step for the process.

Tables

For data-heavy posts, tables are rendered with clean borders and responsive scrolling on mobile devices.

Visual Accents & Quotes

Give your key takeaways more weight with blockquotes and callouts.

Standard Blockquote: "The goal of a style guide is not to restrict creativity, but to provide a foundation for it to flourish." — Ghost Design Team

Media & Embeds

Ghost supports various image sizes and layouts to make your posts visually engaging.

• Regular Image: Aligns with the width of the text.

• Full-width Image: Spans the entire width of the browser window.

• Galleries: Automatically tiled layouts for multiple images.

Video & Audio

You can natively upload video and audio files or embed content from YouTube, Vimeo, and Spotify. These will render in a responsive container that maintains the correct aspect ratio on all devices.

Interactive & Layout Elements

The Toggle Card

Perfect for FAQs or hiding spoilers.

Header Card

Adds a hero-style section with a background image and CTA button anywhere in the post.

Product Card

Includes an image, description, rating, and button—ideal for reviews or affiliate links.

Raw

Raw is a high-performance Ghost theme crafted for modern art enthusiasts, blending neo-brutalism style with powerful storytelling tools.

Purchase

Link Bookmarks

These are ideal for referencing external articles while maintaining a professional aesthetic. It automatically pulls the site’s title, description, and featured image.

Digital art becomes much clearer

If you think of it less as a single style and more as a whole ecosystem of tools and ways of making.

Beyond the FrameDmitri Karasjov

File Downloads

You can upload PDF or ZIP files. They will appear as a clean, branded card with the file name and size clearly displayed.

Technical Elements

Code Blocks

For developers, code blocks include syntax highlighting and a "Copy to Clipboard" feature.

function greetGhost() {
  console.log("Hello, Ghost world!");
}

Markdown Card

While the Koenig editor is primarily visual, the Markdown Card allows you to write in pure Markdown syntax. This is perfect for those who prefer the speed of keyboard shortcuts or need to use specific Markdown-only formatting.

HTML Card

The HTML Card gives you raw access to the page’s structure. Use this to:

• Embed custom widgets (like Typeform or Calendly).
• Add custom <style> blocks for unique page layouts.
• Insert complex <table> structures or <canvas> elements.

Buttons, Cards & Dividers

Button

Call to Action

The Public Preview/CTA card is a powerful tool for converting readers. It allows you to:

• Show a teaser of your content to non-members.
• Display a customizable box with a headline and button.
• Direct users to specific landing pages or external offers.

SPONSORED

Show a teaser of your content

Learn more

Email Signup Cards

Capture subscribers directly within the flow of your article. These cards can be styled with:

• Custom Backgrounds: Solid colors or uploaded images.
• Alignment: Center or left-aligned text.
• Targeting: Show or hide based on whether the reader is already a member.

Horizontal divider