Text elements
Things made of type and a rule. They drop straight into Ghost's {{content}} without a wrapper, which is the real test of whether something is an element.
The trick was never a faster computer. It was cutting the decisions I make after the shoot to almost zero.
Episode 07 · 04:12
A margin note: not an alert, not a warning — an aside that shouldn't interrupt the sentence beside it.
The craft variant, for asides about how something was made.
And the signal variant, for the one that actually matters.
.pullquote · .note + -craft -signal
--accent: var(--signal-500); --radius-card: 16px;
.figure / .figure__caption · .code-block
Designed at thumbnail scale first. If the headline dies at 120px wide it
is rejected, and that single rule decides more of this system than any
colour choice does. The marked phrase is the
static twin of the highlight animation, the
.t-code inline is for a token or a class
name, and a footnote reference looks like this.1
1 · Footnotes sit under a hairline, one size down, in muted ink.
.drop-cap · .mark · .t-code · .fn-ref / .fn — one drop cap per article, at most