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.
  1. Collect per-token masks.
  2. Align flexible slots.
  3. Take the union.

1.2Math#

Inline sits on the baseline, and display math is centered:

02Blocks#

A plain blockquote for citations.
python
def union(masks):
    return set().union(*masks)

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.

typst
#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.

Three decaying telemetry curves on a dark grid
Full column width with a caption.
Telemetry curves
width: "55%" centers a smaller figure.
Telemetry curves
bleed: true extends past the text column on wide screens.
typst
#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#

StrategyNeuronsNote
Independent4Each token picks freely
Aligned3Shares flexible slots
Oracle2Lower bound