Page title
Opening paragraph. Body text sits at 16px with a 1.5 line height and a 700px measure, which keeps lines around 75 characters regardless of how wide the window gets. Inline links take the accent color.
Section heading
Headings share the body text color and get their weight from size alone.
Use bold for genuine emphasis and inline code
for anything the reader would type or copy.
Callout
For asides that need to interrupt. The accent tint is the only saturated color on the page, so use these sparingly.
Subheading
- List item.
- Another item, with a second clause to show how wrapping sits.
- Third item.
Pull quotes and epigraphs take a left rule in the accent color.
Code
/* Retune the whole page from here */
:root {
--bg: #1e1e1e;
--accent: #8b6cef;
}
Table
| Column | Column |
|---|---|
| Cell | Cell |
| Cell | Cell |
Checklist
- Completed item
- Open item