Quick summary
Most research pages are a PDF poured into HTML — a wall of prose, a few flat images, and a conclusion you have to take on faith. This one is built the other way round. It opens with the verdict, then spends twenty numbered sections earning it: segment economics, unit costs, capital allocation, competitive position, governance, valuation on two independent methods, and a section whose whole job is to make the strongest possible case against the conclusion. Every chart is drawn from a model that ships with the page, so the numbers reconcile rather than merely illustrate.
Who this template is for
A case built to survive scrutiny. It is for analysis where the reader is expected to push back.
- Funds and analysts publishing investment memos that have to withstand committee scrutiny
- Consultancies and research teams presenting findings that need to be auditable rather than merely persuasive
- Data journalists and market analysts who need charts that are on-brand rather than styled around someone else’s defaults
What problem this template solves
Long-form research usually ships as a PDF that nobody reads past page two. This build treats the document itself as a designed product.
- PDFs bury structure, so readers cannot feel how far along they are or jump to what matters
- Data tables exported from spreadsheets arrive unstyled and unreadable on small screens
- Analysts have few references for publishing serious work on the open web without a platform
What you get with this template
You get a twenty-section investment committee note that opens with the verdict and then spends the whole document earning it — including a section whose entire job is to argue the other side.
- Sixteen charts generated as SVG from a single embedded model, with nothing screenshotted and no chart library involved
- A scenario switch driving two valuation sections at once, plus an exit-multiple slider that recomputes present value live
- A provenance redaction switch, so the same document can be shown to different audiences
Page sections overview
| Section | Purpose |
|---|---|
| Model-Driven SVG Charts | Generate every chart from one embedded model rather than importing images |
| Live Scenario Switching | Drive two valuation sections at once from one scenario control |
| Interactive Sensitivity Grid | Let the reader recompute present value with an exit-multiple slider |
| Provenance Redaction Switch | Hide or reveal sourcing so one document serves several audiences |
| Steel-Manned Counter-Case | Devote a full section to the strongest argument against the thesis |
| Twenty-Section Structure | Build the recommendation from the segments up in numbered sections |
Design & branding system
The identity is a serious printed document brought to the web: ink on paper, hand-drawn chart marks, and typography built for sustained reading.
- A document-ink palette on warm paper, with chart colours chosen to stay distinguishable in greyscale when printed
- Hairline chart marks drawn by hand rather than by a library, so every axis and gridline matches the document rather than fighting it
- A long-form reading measure with tabular numerals in every table, tuned for a twenty-section sitting rather than a skim
Mobile & speed optimization
A research note is read on whatever screen is nearest, so the reading experience is tuned for both desk and phone.
- Measure, type scale and table layouts adapt so dense financial content stays legible on a phone
- The document is a single fast page — no viewer chrome, no download step, no pinch-zooming
- Navigation and progress cues keep a twenty-section read orientable at any screen size
How this template helps you convert
A published memo is proof of thinking. The page is structured so the depth itself does the persuading.
- The executive summary lands the thesis in the first viewport for readers who go no further
- Section structure lets a skimmer verify rigour in seconds — the table of contents is the sales pitch
- The full read rewards serious visitors, and serious visitors are the ones worth converting
Other information about this template
A few notes on this build.
- It is a demonstration of research presentation and is not investment advice or a recommendation on any security
- The whole document is one HTML file with no chart library and no build step
- Subject, palette, sections and model are all rebuilt around your analysis; the machinery that makes it auditable carries over
- It reads well on a phone, which matters more for research documents than most publishers assume
How it works
Sixteen charts are generated as SVG from a single embedded model — nothing is a screenshot and nothing comes from a chart library, so every mark is on-brand instead of styled around someone else's defaults. A scenario switch drives two valuation sections at once, and an exit-multiple slider recomputes present value live, so a reader can test the argument rather than accept it. The signature is the provenance layer: every hard number carries a tag for reported, derived or estimated, and one switch in the contents rail redacts everything that is the author's judgement, leaving only what the source documents actually disclosed. It answers the question a sceptical reader is already asking.
Where it fits
Anywhere a case has to survive scrutiny — a fund's investment memo, a diligence summary, a market or category report, a consulting findings deck, a data-journalism piece. The subject, palette, sections and model all get rebuilt around your analysis; the machinery that makes it auditable is what carries over.
Screenshots
Captured from the live build, section by section. This is the template as it actually renders, not a mock-up.
