A Standard Formatting Test

This is the first paragraph of the article. It should have a significant amount of space below it before the next paragraph begins. We are testing the mb-12 and leading-[2.2] classes that we applied to the prose container. The line height should be very loose and breathable.

Here is the second paragraph. Notice that there is an empty line between this paragraph and the one above it in the source MDX file. This blank line is required by Markdown parsers to render separate <p> tags. If they are rendered correctly, you will see a large gap above this text.

A Second-Level Heading (H2)

This text follows an H2 heading. The heading itself should have a massive amount of space above it (mt-20) and a good amount of space below it (mb-10). This helps separate sections clearly, just like in a newspaper.

A Third-Level Heading (H3)

Now we are looking at an H3 heading. It should also have distinct spacing (mt-14 and mb-8). Proper heading hierarchy and spacing make the article scannable.

Now let’s test a bulleted list to see if the bullets render and spacing is applied:

First item in the list. It should have a bullet point.
Second item in the list. There should be generous spacing (my-4) between this item and the previous one.
Third item, demonstrating that lists now have pl-8 (padding left) and list-disc applied.

Let’s also look at a numbered outline:

Step one of the process.
Step two is very important.
Step three concludes the list.

This is a blockquote. It should have a nice left border, a slightly different background, and be larger in text size. It also needs plenty of breathing room around it.

Finally, here is a concluding paragraph to wrap up the typography test. We want to make sure that the bottom of the article also respects the spacing rules.