Blog Contents

Overview

Blog Contents is a complete set of content components designed for blog posts, articles, documentation, and editorial pages. It bundles every element needed to compose long-form reading: headings, paragraphs, lists, images, blockquotes, link cards, tables, dividers, and inline code, all styled to work together seamlessly across light and dark modes.

When should you use them?

Use Blog Contents to compose any long-form reading experience, like an article, a blog post, a documentation page, or a changelog entry. It gives you a consistent, ready-made set of content elements, so you don't have to style headings, lists, and quotes from scratch for every page.

How should you use them?

• Use Blog Contents for long-form reading: articles, blog posts, and documentation.
• Follow the heading hierarchy (H1 to H4) in order, so the structure stays clear and accessible.
• Use blockquotes for pulled-out statements and citations, not for general emphasis.
• Use inline code and the highlighter sparingly, only where they add meaning.
• Add captions to images so they're clear in context and accessible.
• Keep a readable line length and rhythm so long content stays comfortable to read.