Style guide

Every card the Ghost editor offers, as Azimuth renders it. Check this page in Light and Dark, on desktop and on a phone.

Text

Body copy in Newsreader at the reading measure.

Inline styles: bold, italic, code and a link.

A third-level heading

Paragraph under an h3, to check the rhythm between heading levels.

A fourth-level heading

• A bulleted list item
• A second item that runs long enough to wrap onto a second line on a phone, to check the hanging indent
• A third item

1. A numbered list item
2. A second item
3. A third item

A blockquote: the decision you did not write down is the one you will make twice.

An alternative blockquote, centred and larger, for a single line that should stand alone.

Images

Callouts

One per colour. Text inside must stay readable in both schemes.

Interactive cards

Ghost documentation

Everything you need to know about working with the Ghost professional publishing platform.

Ghost

The Decision Log template

A one-page template for writing down decisions in three lines.

Get the template

Header and signup cards

Both carry their own background colours, set in the editor.

Code and embeds

// A code card
const decision = { what: 'Ship on Thursday', who: 'Ida', revisitIf: 'QA finds a blocker' };
console.log(decision);

Alexzavesa emotional future bass intro main version 506751

0:00

/26.958344

1×

End of the style guide.