“Great design is invisible — except when you’re testing typography.”
Welcome to the MDX playground. Use this post to preview styles for headings, lists, links, quotes, images, and code.
Subheading
Body copy should feel relaxed and legible. Adjust your paragraph spacing, line height, and link styling here.
Inline styles
You can sprinkle bold, italic, and inline code to see how they sit in a sentence. Here’s a link to a pretend show for underline and color tests.
Lists
- Unordered list item one
- Item two with a nested list:
- Nested point A
- Nested point B
- Item three to check spacing
- Ordered item one
- Ordered item two
- Ordered item three
Blockquote
This is a quote block. It should feel distinct but not overpower the body text.
Image
Code blocks
// Simple joke generator
const setup = "Why did the dev go broke?";
const punchline = "Because he used up all his cache.";
export function tellJoke() {
console.log(`${setup} ${punchline}`);
}
Table
| Date | Venue | Notes | | ---------- | ----------- | --------------- | | 2026-02-05 | Tiny Stage | New jokes night | | 2026-02-12 | Big Room | Record the set | | 2026-02-19 | Podcast Pit | Guest interview |