Magna Ex Sunt Sint Eiusmod
Sit et cillum ea aliqua in commodo commodo labore dolore. Id esse sit esse incididunt sunt reprehenderit laborum mollit sint est est. Laborum laborum laboris dolor proident velit reprehenderit. Sint
Style Guide
A demonstration of every content card available in the Ghost editor.
This post exercises every content card available in the Ghost editor, along with a full inline-formatting and typography sampler, so it can be used as a front-end theme test.
Typography
Heading level 2
Heading level 3
Heading level 4
Heading level 5
Heading level 6
Minim eiusmod dolore est excepteur nisi in velit est nisi deserunt laboris nostrud nostrud pariatur. Incididunt cupidatat exercitation ea quis et consequat elit irure nostrud occaecat consectetur ullamco. Magna do consectetur minim mollit minim.
Inline formatting
This paragraph demonstrates bold, italic, bold italic, strikethrough, underline, inline code, highlighted, superscript, subscript, and a hyperlink.
Blockquotes
The way to get started is to quit talking and begin doing. — Walt Disney
The only impossible journey is the one you never begin. — Tony Robbins
Lists
- Unordered item with a link
- Item with a nested list
- Nested item one
- Nested item two
- Final top-level item
- First ordered item
- Second ordered item
- Third ordered item
Tables
| Plan | Price | Best for |
|---|---|---|
| Free | $0 | Trying things out |
| Pro | $9 | Growing publications |
| Business | $25 | Teams & scale |
Media
Gallery
Audio
Placeholder audio
0:00
/0
Video
0:00
/0:00
File download
Cards
Header cards
Dark header
Get started
Callouts
💡
Grey callout — Do minim dolore reprehenderit commodo reprehenderit ad laborum.
💡
White callout — Cupidatat elit voluptate labore id proident Lorem tempor labore quis.
💡
Blue callout — Labore veniam ipsum adipisicing aliqua anim esse velit magna culpa et ipsum.
💡
Green callout — Aliqua proident veniam voluptate non ullamco fugiat consequat.
💡
Yellow callout — Eiusmod et velit culpa dolor cupidatat.
💡
Red callout — Et esse consectetur enim do mollit irure aliqua nostrud exercitation et ad.
💡
Pink callout — Aute id est Lorem ipsum quis non id et incididunt anim velit.
💡
Purple callout — Cupidatat excepteur ipsum in ex laborum ea eiusmod minim aliqua non nisi sunt aliqua in.
Callout with no emoji — Aliquip nulla magna voluptate laborum commodo cillum quis labore minim cillum.
Toggles
When should I use toggles?
Proident aute ad mollit nulla. Ipsum fugiat proident cillum labore dolore duis.
Where can I take Ghost for a spin?
Ad laboris fugiat incididunt sit ullamco veniam. Nisi aute dolor consequat dolor do excepteur est non ullamco in sunt aute enim quis.
Bookmark
Ghost - The Professional Publishing Platform
The best open source blog & newsletter platform. Beautiful, contemporary themes for publishers, creators and businesses.
Buttons
Product
Placeholder Product
Non veniam amet commodo nulla Lorem ullamco fugiat magna in in eiusmod esse velit incididunt. Aliquip veniam ex consectetur irure amet qui ullamco dolore anim pariatur.
Buy now
Signup
Embed
Code block
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet('Ghost'));Call to action
SPONSORED
Mollit qui deserunt dolor ullamco consectetur officia laborum officia irure voluptate laborum.
Markdown
You can also write in Markdown, with emphasis, code, and links.
HTML
Custom HTML card content.
Email-only cards
The following two cards render only in email newsletters and are not visible on the website.
Structural & edge cases
Dividers
Deserunt nulla nulla ut officia irure reprehenderit reprehenderit sit ad voluptate duis dolore cillum. Et occaecat sint voluptate sint et nostrud proident.
Non adipisicing deserunt enim voluptate laborum. Dolore excepteur anim ut elit nostrud officia culpa mollit Lorem non laboris.
A deliberately long heading that should wrap gracefully across multiple lines on narrow viewports without breaking the layout
Supercalifragilisticexpialidocious-pneumonoultramicroscopicsilicovolcanoconiosis-antidisestablishmentarianism
Public preview / paywall
Eu tempor nostrud eu nulla elit ut non incididunt aliquip. Ipsum nulla tempor aute aute eiusmod enim esse labore tempor esse voluptate pariatur.
Dolor cillum nisi adipisicing ipsum eu reprehenderit nostrud officia. Consectetur Lorem fugiat laboris consectetur eiusmod sint id dolore tempor dolore dolore in.
