Sample Post with Typography Examples

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading Level 2

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading Level 3

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Heading Level 4

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Code Examples

Inline code looks like this: const greeting = "Hello, World!" and can be used within paragraphs.

Code blocks with syntax highlighting:

function greet(name) {
  const message = `Hello, ${name}!`;
  console.log(message);
  return message;
}

greet("Developer");

.terminal-window {
  background: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
}

Lists

Unordered List

• Lorem ipsum dolor sit amet
• Consectetur adipiscing elit
• Sed do eiusmod tempor incididunt
  • Nested item one
  • Nested item two
• Ut labore et dolore magna aliqua

Ordered List

1. First item in the list
2. Second item with more content
3. Third item follows
   1. Nested numbered item
   2. Another nested item
4. Fourth and final item

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

— Someone Famous

Text Formatting

Bold text is used for emphasis. Italic text for subtle emphasis. Bold and italic when you really mean it.

You can also use strikethrough for deleted content.

Tables

Feature	Status	Notes
Typography	✅ Complete	Multiple font weights
Dark Mode	✅ Complete	Multiple themes
Responsive	✅ Complete	Mobile-first
Accessibility	🚧 In Progress	WCAG compliance

Links

Here’s a link to an external site and here’s some more text that follows the link in the same paragraph.

Images

Images can be added with markdown syntax and will be responsive by default.

Horizontal Rule

Content above the rule.

---

Content below the rule.

Conclusion

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.