Mist — minimalism at the hairline weight

Mist keeps everything at a whisper: hairline rules, a light title weight, and gray-blue restraint. Below is a complete sample rendered in it.

What does the Mist theme look like?

This is a complete sample report rendered in Mist — the exact output the editor downloads, embedded here unmodified.

Written by an LLM in seconds — styled by markdown.style.

This is the markdown an AI assistant hands you: solid structure, zero design. The theme you are looking at is doing all of the visual work.

Net growth is computed per region as rate * (1 - churnShare) and rolled up weekly. The pipeline behind it:

export function netGrowth(rates: number[], churn: number[]): number {
  return rates.reduce((sum, r, i) => sum + r * (1 - (churn[i] ?? 0)), 0)
}

Numbers exclude the acquisition closed after the quarter cutoff.^[1]

Full methodology lives in the reporting handbook.

The same markdown building blocks, one by one: headings, tables, code, quotes, lists, and footnotes, exactly as Mist styles them.

Every inline element gets exercised here: bold text, italic text, a reference link, ~~struck text~~, and inline code.

export function sum(nums: number[]): number {
  return nums.reduce((total, n) => total + n, 0)
}

A quoted aside, set apart from the body copy.

A claim that needs a source.^[1]

That covers every building block.

Design documents, product notes, and portfolios of thought — for readers who consider heavy borders a personal insult.

Swiss — Strategy memos, design documents, and briefs for readers who notice typography. When in doubt between “more” and “less”, Swiss is the “less”.
Airy — Manifestos, letters, and short strategy notes

Part of the Minimal & Clean collection: see the rest of the category.

100% in your browser · no upload · free · no sign-up