Every block below is a native Ghost element, styled by the theme. Open this page in the editor to see how each one is built.

Headings

Heading one

Heading two

Heading three

Heading four

Heading five

Heading six

Text

Body copy sits at a comfortable measure, with the display face kept for titles. It carries bold and italic emphasis, inline code, and links that pick up the accent colour set in Ghost admin.

Quotes

Nobody clapped. The silence was better.

The alternative style centres the quote and gives it its own marks.

We forgot you were there, which I think was the point.

Lists

• Unordered lists take a marker in the accent colour
• Items wrap against a hanging indent
• Spacing matches the body rhythm

1. Numbered lists share the same measure
2. The counter sits outside the text column
3. Long items stay aligned

Tables

Tables come through an HTML card, and scroll inside their own frame when a narrow screen cannot hold them.

Images

A regular image sits at the width of the reading column.

A wide image breaks out of the column, and a full one runs to the window edge.

Galleries

A gallery groups images into rows and always runs the full window. Clicking one opens the lightbox scoped to that gallery, with arrows, the keyboard and swipe.

Callouts

Toggles

Bookmarks

Ghost: independent publishing, with members built in

A modern publishing platform with newsletters and paid subscriptions, used by thousands of independent creators.

GhostGhost

Audio

A sample recording

0:00

/3

1×

Files

Buttons

Products

Embeds

Code

.gh-content .kg-width-full {
    width: 100vw;
    margin-inline: calc(50% - 50vw);
}

Signup and header cards

Both run the full width of the window, for the top of a page or a break between sections.