Style Guide
Manual typography and markdown surfaces in one place.
Reference for headings, lists, code, and tables as Manual styles them. Nested sidebar sections and live search stay in the chrome around this page; the samples below are the content surfaces.
Headings
This is an h2 — section headings sit below the page title with enough
margin to read as a break.
And this is an h3
One size down for subsections. Manual’s product-docs rhythm usually stops here.
Lists
- Ordered and unordered lists share body line height
- Nested items indent without changing size
- Like this nested item
- A list still reads as paragraphs, visually
- Numbered lists use the same rules
- The number doesn’t change indent or spacing
- Mix ordered and unordered as needed
Blockquotes get a left border and muted text — enough to read as “someone else said this” without looking like an alert.
Code
Inline code uses the same monospace stack as fenced blocks:
function formatDate(ms: number, lang: string) {
return new Intl.DateTimeFormat(lang, { dateStyle: "long" }).format(ms);
}
Tables
| Option | Type | Default |
|---|---|---|
color_scheme |
select | blue |
scheme_switcher |
toggle | false |
default_dark |
toggle | false |
Links
Bold, italic, and links sit at the same weight as the surrounding paragraph.
That horizontal rule is the divider Manual’s stylesheet defines — a plain line in the muted border colour used elsewhere in the chrome.