Stone Theme
Previously I had a monospace only theme for my website. I called it Parchment, it was paper and terminal inspired. It was clinical. After finding Maggie Appleton's Garden I was forced to reconsider. I am back in Serif camp now. Elegance!
I have redone the typography, I call this STONE. This page serves as a specimen to test against in my local setup.
The CSS lies in a GitHub Gist
Style specimen
Headings are Cormorant; body, navigation, and footer are et-book; code is IBM Plex Mono. Each element below is a live sample.
Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Body
et-book at the base size. This line carries a body link, an external link, bold, emphasis, an italic span, and inline code.
A second paragraph, for block spacing and the reading measure at the 720px column width.
Numerals
Roman, lining figures: 0123456789
Italic, oldstyle figures: 0123456789
Lists
- Unordered item
- Unordered item, with a longer line to show wrapping and indentation
- Unordered item
- Ordered item
- Ordered item
- Ordered item
Blockquote
The blockquote sets its text in italic against a left border and indent.
Table
| Role | Font | Weight |
|---|---|---|
| Display | Cormorant | 500–600 |
| Body | et-book | 400 |
| Meta | et-book | 400 |
| Code | IBM Plex Mono | 400 |
Code
body {
font-family: 'et-book', Palatino, Georgia, serif;
font-size: var(--font-size-base);
line-height: 1.6;
}
Posts
- 2026-06-23 — First post
- 2026-05-10 — Second post
- 2026-04-01 — Third post
Image
Images run to the wide width, past the text column.