Every component below lives as its own file in the Anlak-Library at:
Anlak-Library/shared/templates/gallery/<name>.typ
Reports #import "…/shared/templates/template.typ": * and the template re-exports every component. So chapters call them directly — there is no special import dance.
This index is the lookup table. When composing a chapter, skim the table to decide which component fits the moment. For a full usage example of any component, read its .typ file — each one is 15–90 lines of cut-and-paste-ready code.
Callout Boxes (pick one per moment)
| Component | Visual | Use when |
|---|---|---|
insightbox |
teal left border, grey bg | default synthesis / key insight — the workhorse |
alertbox |
red left border, red bg | warning, counter-evidence, risk to flag |
thesisbox |
full navy border | the one thesis of a chapter, stated once |
diagnosisbox |
top navy border, no label | open diagnostic block, no header needed |
casebox |
coral left border, grey bg | case study / concrete company example |
lessonbox |
top+bottom navy borders | "lesson for your company" — tactical transfer |
gamebox |
navy top + teal sides | game-theory concept reference |
margin-note |
slate left border, italic | tangential caveat or aside |
Typographic Highlights (the skimming layer)
| Component | Visual | Use when |
|---|---|---|
pullquote |
teal border, serif italic 17pt | hook, chapter opener, dramatic emphasis |
bigquote |
full-width navy bg, italic 18pt | peak emotional moment, cite once per report |
statcallout |
big teal number on navy, label + caption | one dramatic figure the eye must stop on |
author-cite |
navy border, serif italic | quoting a named thinker (Schelling, Polak) |
Voice Components (the humans behind the data)
| Component | Visual | Use when |
|---|---|---|
ceo-voice |
navy header bar + avatar + italic body + "why this matters" footer | executive quote where identity matters |
operator-story |
coral border, optional navy metric footer | vivid operational anecdote with a metric |
Tables and Matrices
| Component | Visual | Use when |
|---|---|---|
premium-table |
navy header, alternating rows | dense data comparison |
spec-table |
capability matrix with ✓/✗/— | competitive comparison where one clearly wins |
tier-board |
Kanban-style column grid | classifying many companies into tiers |
verdict-card |
tier-coloured status row | single-company scorecard (ticker + YTD + rev + verdict) |
scorecard |
navy bg, compact metric row | dashboard of 3–5 headline KPIs — short stats only (3/3, 87%, 900M). If content is longer than ~5 characters, use ledger-row instead |
ledger-row |
header band + body paragraph + footer | audit cards, long-prose table rows (pillar audits, symptom catalogues). The right component when premium-table or spec-table squeeze text into single-word columns |
ledger |
stack of ledger-rows with title | a list of ledger-rows rendered as a catalogue — use for appendix indexes, 10+ rows of narrative content |
Lists and Comparisons
| Component | Visual | Use when |
|---|---|---|
pairs-list |
alternating rows with teal border | "X AND Y" conceptual pairs (2–5 pairs) |
comparison |
2-column red vs teal | before/after, wrong/right, old model vs new |
before-after |
coral "before" | teal "after" + arrow row |
do-dont |
2-column teal DO vs red DON'T | actionable guidance summary |
takeaways |
top+bottom navy borders, numbered list | end-of-chapter bullet summary |
Sequence Components (narrative rhythm)
| Component | Visual | Use when |
|---|---|---|
chain-link |
ticker + date + dot + body | one evidence node in a Chain → Synthesis pattern (3–6 per sequence) |
milestone |
year badge + teal border | one entry in a historical timeline |
step |
navy circle with teal number | numbered playbook step |
pipeline |
circles + arrows | horizontal process flow (A → B → C → D) |
Structural / Dividers / Reference
| Component | Visual | Use when |
|---|---|---|
part-divider |
full-page navy + red rule | major section break (Part I → Part II) |
infographic |
centered image 92% width | embedding a hand-drawn sketchnote or chart |
slide-exhibit |
screenshot + navy caption strip | citing an IR slide as primary source |
definition |
slate border + "DEFINITION" label | first time introducing a term |
source-line |
right-aligned slate italic | attribution after a chart/table/quote |
disclaimer-block |
grey bg + horizontal rules | legal disclaimer (cover end, exec summary) |
glossary + glossary-entry + glossary-section |
2-column term/definition | end-of-report glossary chapter |
bibliography-block |
structured reference list | sources & further reading section |
Brand primitives (from shared.typ)
Colors: heading-color (navy), techteal, coral, signalred, slate, boxbg, altrow, rulecolor, alertbg, linkblue, textprimary.
Fonts: serif-font (Palatino), sans-font (Inter), mono-font (JetBrains Mono).
Asset: anlak-logo.
Priority when picking
When multiple components would work, prefer in this order:
- Highest frequency in existing reports (
insightbox,chain-link,casebox,pullquote,statcallout) — the reader already recognises them. - Component variety within the chapter — if you already used
insightboxtwice, reach forthesisboxorpullquoteinstead. - Narrative fit — see
textures/composition-patterns.mdfor the six recurring sequences.
See textures/rhythm-rules.md for the hard constraints (three-in-a-row, visual floor, key-message density, etc.).