This is a paragraph to test your base typography. It should feel clean, readable, and not too wide. The spacing between lines should feel natural and not cramped.
Here’s a sentence with a test link to see how your accent color and underline styling behaves on hover.
This section checks spacing above and below headings. It should feel airy, not tight.
Another paragraph here to test vertical rhythm. Ideally, your text width should feel like a comfortable reading column—not full width.
Here’s some inline code: const hello = "world";
And here’s a slightly longer sentence to see how inline code blends with the rest of the typography.
This is a blockquote. It should have a subtle left border, slightly muted text, and good spacing around it.
Ideally, it should feel like a quote pulled out of the main content.

The image above should have rounded corners and spacing around it.
This is just more text to test long-form readability. Write enough content here to see how your layout holds up over multiple paragraphs.
Good MDX styling should make this feel like reading a well-designed article, not just raw HTML.
Here’s a combination of everything:
inline codeA quote inside a mixed section to see consistency.
Final paragraph to wrap things up. If everything looks clean, readable, and balanced—you’re set.