This post showcases headings, paragraphs, emphasis, lists, blockquotes, code, links, and other common typography.

Headings

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Paragraphs

The quick brown fox jumps over the lazy dog. Bold draws attention, while italics add nuance. Inline code looks like const name = "bytes".

Mixing bold, italics, and both can help create clear hierarchy. Use ~~strikethrough~~ sparingly for revisions.

Lists

Unordered list:

  • Clean lines and contrast
  • Comfortable line height
  • Consistent rhythm

Ordered list:

  1. Start with readable sizes
  2. Define spacing rules
  3. Test on mobile

Blockquote

Typography is the craft of endowing human language with a durable visual form.

Code Block

type Post = {
	title: string;
	author: string;
	published: boolean;
};

Links

Inline link: Visit the project README for updates.

Reference link: See the typography guide for details.

Autolink: https://www.w3.org/TR/css-fonts-4/

Horizontal Rule

Table

| Style | Use | | --- | --- | | Sans-serif | UI labels | | Serif | Long-form reading | | Monospace | Code snippets |