Spacing Test Document
Introduction
This is the first paragraph with some text to demonstrate the line spacing. It should feel comfortable to read without excessive gaps between lines.
This is the second paragraph. Notice the spacing between this and the paragraph above - it should be tighter now, more like Google Docs. You can also highlight important text using double equals signs.
Key Points
Here are some bullet points:
- First item in the list
- Second item with more text to show how list items wrap when they get longer
- Third item
- Fourth item
Another Section
More paragraph text here to show the vertical rhythm. The goal is to have a comfortable reading experience that feels natural and not overly spaced out.
And one more paragraph to really see the pattern. This should all feel cohesive and similar to what you would see in a Google Doc.
Code Example
Here's some inline code and a code block:
function hello() {
console.log("Hello world");
}
function hello() {
console.log("Hello world");
}
Sample Table
| Priority | Initiative | Why It Matters | Expected Impact |
|---|---|---|---|
| P0 | Bug Fix | Email system broken | Unblocks all email |
| P0 | Week-1 Emails | 38.6% churn in first 30 days | +10% Day-7 retention |
| P1 | 30-Day Results | Users don't see ROI | Reduce month 1-3 churn |
| P2 | Annual Plan Push | Annual users churn 60% less | -3% overall churn |
Images
Images are fully supported with responsive sizing and automatic centering:
You can add multiple images in your documents:
Final Thoughts
This demo page lets you preview the typography and spacing without needing a database connection. The spacing should now be tighter and more similar to Google Docs.