Layout

Customize docs and blog layout regions.

The docs layout is built from a header, sidebar, article column, and optional table of contents. The blog layout uses a post grid and an article page with a cover image.

Docs layout

Use this layout map to understand which regions support the docs reading experience.

Header
Sidebar | Article | Table of contents

Sidebar

The sidebar should stay useful on long docs. It needs a visible active state and should scroll to the active page when navigating.

Article

The article column should prioritize reading. Keep line length controlled and avoid placing dense UI around the body.

Blog layout

The blog layout is simpler than docs because the main job is browsing and reading articles.

Header
Blog intro
Post cards

Cards

Blog cards should show title, date, description, and a cover image. This makes the index feel editorial instead of like a plain link list.

Article pages

Article pages should lead with metadata and a cover image, then keep the body focused on reading.