Onesheet Example

What is a Onesheet? #

A onesheet is a single-page reference document — dense, scannable, and designed to fit on one printed A4 page. Set onesheet: true in your frontmatter to activate the layout.

The content area uses a flex row layout. Use --- horizontal rules to divide your content into columns. Each section between --- markers becomes one column. The first section always spans the full width (use it for a title or intro).

On screen, columns are side-by-side at ≥ 480px, stacked on small mobile. When printed, the layout fits on one A4 page with tight margins and compact typography.

Column Layout #

Divide your content with --- (horizontal rule):

# Title

header section, always full width

---

## Left column

second section, flex: 1

---

## Right column

third section, flex: 1

Each column after the first gets flex: 1, so two columns share the width equally. Add more --- for more columns — they will wrap if they don't fit.

Markdown Support #

All standard markdown works: bold, italic, inline code, links, tables, and lists. Wikilinks and GFM tables are also supported.

Blockquotes render with the primary colour accent.

Images avoid breaking across columns.

Tips #

• Keep sections short and self-contained
• Prefer bullet lists over long prose
• Use h2 to open each column's topic
• Use h3 for sub-groupings within a column
• Tables with italic left cells render the italic cell right-aligned in the primary colour — good for key/value pairs

Avatar Image #

Add class="onesheet-avatar" to an image to float it to the right inside a column (8 × 8 rem, rounded corners):

![Name](url){.onesheet-avatar}

Print Notes #

When printed, the browser applies:

@page { size: A4 portrait; margin: 10mm }

If your content overflows, shorten it — the onesheet is intentionally opinionated about fitting on one page.