Contrast — bold poster energy for documents that shout

Contrast is zero subtlety by design: black rules, uppercase headings, a slab of accent color. Below is a complete sample report rendered in it.

What does the Contrast theme look like?

This is a complete sample report rendered in Contrast — 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 Contrast 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.

Pitches, one-pagers, launch briefs — short documents that need to be impossible to skim past. Less suited to 40-page reports.

Swiss — Strategy memos, design documents, and briefs for readers who notice typography. When in doubt between “more” and “less”, Swiss is the “less”.
Pop — Team updates, internal newsletters, onboarding docs

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

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