Style Reference
Every element the template styles, on one page.
- Doc no.
- —
- Date
- 2026-10-18
- GMT day
- 2026:291
- Est. read
- 2 min
01Typography#
Body text is IBM Plex Mono; headings are Rajdhani. Strong text takes the emphasis color and emphasis goes blue. Bold italic turns teal whichever way it is nested: strong then emph and emph then strong. Links look like this, inline code like tola serve.
1.1Lists#
- Prefer flexible neurons already selected by another token.
- Keep must-keep neurons fixed.
- Collect per-token masks.
- Align flexible slots.
- Take the union.
1.2Math#
Inline sits on the baseline, and display math is centered:
02Blocks#
A plain blockquote for citations.
def union(masks):
return set().union(*masks)03Links Between Posts#
Plain Typst links work with any site path; relative ones such as the first post also survive a base-path. To link a post by its title, use xref with a permalink or the last segment of one: Hello, World. Override the text with body: this post. Tola checks these links at build time, and xref fails loudly if the post is missing.
#import "/utils/ui.typ": xref, related
#xref("hello-world")
#related("hello-world", "/posts/getting-started/")04Images#
Put files under assets/images/ and reference them site-absolute. img emits a real <img> tag; Typst’s own image() would inline the file as base64.


width: "55%" centers a smaller figure.

gallery places images side by side, with optional per-image labels.
bleed: true extends past the text column on wide screens.#import "/utils/ui.typ": img, gallery
#img("/assets/images/x.png", alt: "...", caption: [...], width: "60%")
#gallery(columns: 3, "/assets/images/a.png", ("/assets/images/b.png", "Label"))05Table#
| Strategy | Neurons | Note |
|---|---|---|
| Independent | 4 | Each token picks freely |
| Aligned | 3 | Shares flexible slots |
| Oracle | 2 | Lower bound |