The Margin style guide.
A showcase of the Ghost editor and the Margin theme. All content and chart values are illustrative.
Typography, links and a long table
A paragraph with enough room to read, followed by the common editorial elements. Vietnamese: Khoảng lặng để hiểu sâu hơn — ă â đ ê ô ơ ư.
A real link to the library, bold text, emphasis and inlineCode().
- A useful first point.
- A second point with enough detail to wrap onto another line.
- Start with a question.
- Follow the evidence.
const perspective = { depth: true };
console.log(perspective);| Scenario | Reading experience | Access | Editorial intention |
|---|---|---|---|
| Public essay | Full text and references | Everyone | A considered introduction |
| Member essay | Native Ghost access control | Signed-in members | More room for the discussion |
Callout and toggle cards
↳
A note in the margin. This is a native Ghost callout card.
A question worth opening
This is a native Ghost toggle card. It should expand using Ghost’s card JavaScript.
Images and gallery
Bookmark, button and file cards
The Margin library
Explore the local collection of independent perspectives.
Header and product cards
The field notes collection
A fictional reading collection. This is a layout fixture, not a product for sale.
Audio and video cards
These native cards use short silent media samples so their controls and mobile layout can be reviewed.
A moment of quiet · 2 second test
0:00
/2
0:00
/0:02
End of the style guide. Return to the publication ↗