Heading 1
Body text sample with a standard link and some inline code.
Heading 2
Typography should reflect the site serif/mono balance.
Heading 3
This paragraph checks spacing under mid-level headings.
Heading 4
Small heading sample.
Heading 5
Smaller heading sample.
Heading 6
Smallest heading sample.
Lists
- Unordered item one
- Unordered item two
- Unordered item three
- Ordered item one
- Ordered item two
- Ordered item three
Blockquote
Good design systems make future edits easier, not harder.
Code Blocks
hugo server --disableFastRender
.entry-header h2 {
font-style: italic;
}
const greeting = "Hello, world";
console.log(greeting);
Table
| Element | Selector | Notes |
|---|---|---|
| Body text | body |
Main serif typography |
| Heading | h1-h6 |
Serif italic hierarchy |
| Meta/code UI | code, .post-meta, .nav |
Mono uppercase treatment |
Horizontal Rule
Mixed Content
This sentence includes bold, italic, and inline code together.