This page uses every card in the editor, so you can see the lot in one place. Start with the basics: bold, italic, a link, and inline code.
A second-level heading
Followed by a paragraph that runs on long enough to wrap across several lines so you can judge line length, leading and the overall colour of the type on the page, which matters more than any single headline.
A third-level heading
- An unordered list item
- Another, with a longer line that should wrap neatly onto a second line without any fuss
- And a third
- First, an ordered item
- Second
- Third
I have never been so shocked in all my life, and I once found a goat in my greenhouse.
The alternative quote style, for when a standard quote is not shouty enough.
The bookmark card
A short description of the page being linked to, which can run to a couple of lines before it is cut off.
💡
This is the accent callout, our "THE FACTS" box. Short, sharp, yellow.
📌
A grey callout.
🚨
A red callout, for warnings.
ℹ️
A blue callout, for information.
Do you give any discounts?
Yes, 20% off annual subscriptions.
Match-day podcast
0:00
/24:10
0:00
/1:12
Sign up for the Splash
The biggest stories, first.
No spam. Unsubscribe anytime.
const splash = headline => headline.toUpperCase() + '!';
splash('wow');| Team | P | Pts |
|---|---|---|
| Dockside | 12 | 28 |
| Riverside | 12 | 26 |
| Town | 12 | 19 |
And that is every card in the book. If you can read this, nothing has caught fire.