This is body text in Inter at 15px. Paragraph spacing is 1.2em, matching gleech exactly. The line height is 1.5em. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
A second paragraph. Notice the spacing — not too tight, not too loose. This is the rhythm you want for long-form reading. The quick brown fox jumps over the lazy dog.
This is a Heading 2
Heading 2 uses Space Grotesk bold at 1.6em. The paragraph below it starts immediately, no extra gap. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Another paragraph after the h2. The margin between h2 and this paragraph is 0.5em, tight enough to feel connected.
This is a Heading 3
Heading 3 is slightly smaller, 1.2em. Used for sub-sections. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
A bullet list:
- Bold lead text followed by regular body copy that continues on the same line
- Another bold lead with more explanation after the colon
- Regular list item without bold lead — just normal text here
- One more for good measure
LLMs are a shortcut people use to cope with not having knowledgable mentors. Whether the gains from easy advice exceeds the loss from hallucinations, not developing relationships, and sycophancy remains to be seen.
— Tailcalled, February 2025
Paragraph after the blockquote. The quote sits inside the prose flow, indented with the gold left border. The muted grey colour matches gleech.
This is an accordion — click to expand
Another accordion section
One final paragraph below the accordions. This tests that the spacing after the accordion group is correct and the reading flow continues naturally.