Heading Level 1

This post demonstrates every Ghost editor element styled by the Catalyst theme. Use it as a typography and component reference when creating content.

Heading Level 2

The primary section divider. Used throughout case studies, blog posts, and service pages to organize content into major sections.

Heading Level 3

Used for subsections within a major topic. The TOC sidebar on blog posts and case studies will pick up both H2 and H3 headings.

Heading Level 4

For finer-grained divisions when needed. Used sparingly in most content.

Heading Level 5

Rarely needed but styled for completeness.

Heading Level 6

The smallest heading level, styled for edge cases.

Text Formatting

This paragraph contains bold text, italic text, bold italic text, inline code, a link to Ghost, and strikethrough text. These are the fundamental inline formatting options available in the Ghost editor.

A second paragraph to demonstrate spacing between paragraphs. Good typography requires consistent vertical rhythm — the space between elements should feel natural and predictable. Catalyst uses an 8px base unit for all spacing calculations.

Lists

Unordered List

• First item in the list
• Second item with more detail about the topic at hand
  • Nested item providing additional context
  • Another nested item
    • Third level nesting for complex hierarchies
• Third top-level item
• Fourth item wrapping up the list

Ordered List

1. Discovery and assessment phase
2. Strategy definition and roadmap
   1. Stakeholder alignment workshops
   2. Technical architecture review
   3. Business case development
3. Implementation and delivery
4. Measurement and optimization

Blockquotes

A single-line blockquote captures a key insight or memorable statement from the content. Good for pulling out important takeaways.

A multi-paragraph blockquote for longer excerpts or extended quotes from interviews and case studies.

The second paragraph continues the thought, providing additional context that enriches the quoted material. This tests proper spacing within blockquotes.

Table

Images

Gallery

Code Blocks

JavaScript

// AI model inference pipeline
async function predictCustomerChurn(customerId) {
  const features = await extractFeatures(customerId);
  const prediction = await model.predict(features);

  return {
    churnProbability: prediction.score,
    riskLevel: prediction.score > 0.7 ? 'high' : 'moderate',
    topFactors: prediction.explanations.slice(0, 5),
    recommendedActions: generateRetentionPlan(prediction)
  };
}

Python

import pandas as pd
from sklearn.ensemble import GradientBoostingClassifier
from sklearn.model_selection import cross_val_score

def train_churn_model(df: pd.DataFrame) -> dict:
    """Train a customer churn prediction model."""
    features = df.drop(['customer_id', 'churned'], axis=1)
    target = df['churned']

    model = GradientBoostingClassifier(
        n_estimators=200,
        learning_rate=0.1,
        max_depth=5,
        random_state=42
    )

    scores = cross_val_score(model, features, target, cv=5)
    model.fit(features, target)

    return {
        'model': model,
        'cv_accuracy': scores.mean(),
        'feature_importance': dict(zip(features.columns, model.feature_importances_))
    }

CSS

/* Catalyst gradient accent system */
.gradient-text {
  background: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.gradient-border {
  border: 1px solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  background-image:
    linear-gradient(var(--surface-1), var(--surface-1)),
    linear-gradient(135deg, var(--accent-start), var(--accent-end));
}

Callout Cards

Toggle Cards

Bookmark Card

Ghost: The Creator Economy Platform

The world's most popular modern publishing platform for creating a new media platform. Used by Apple, Tinder, the Bitcoin Foundation, OpenAI, and thousands more.

Ghost

Horizontal Rule

Content above the horizontal rule.

Content below the horizontal rule.

YouTube Embed

Button Card