Start here
Your report, live this week.
Yearmark is a finished annual report site. Swap in your name, your figures and your stories, publish, and come back next year to add the next edition in an afternoon.
2
complete report editions
17
pages, ready to publish
2
CMS collections: Reports and Stories
4
Framer Agent skills
Make it yours
Set your colours and typefaces
Open Assets, then Colors and Text Styles. Change Ink, Aubergine and Vermilion or swap the two typefaces, and every page, chart and cover follows, including the code components.
Add your name and logo
Edit the Navigation and Footer components once. The wordmark, links and footer statement update on every page.
Choose the featured edition
In the CMS, open Reports and switch on Featured Report for the edition you want on the home page and on the Results, Finances and Methodology pages. The newest featured edition always leads.
Connect the contact form
Select the form on the Contact page and choose where enquiries go. The topic menu already covers general questions, reports, partnerships and media.
Add your year
Enter your results
Each report holds a Results list. Add the measure, the result, the target, last year’s figure and the unit. Yearmark writes the headline for you: 84% of target, a 20% increase, or a change in percentage points when the unit is %.
Show every gap clearly
Leave a figure empty and it reads Not reported, never zero. Switch on Lower Is Better for measures like waiting times or emissions, and Not Comparable when a method changed, with a short note.
Add your finances
Fill in Income, Expenditure and Programme Spend. Totals, shares, the charts and the readable tables are calculated from the same lines, so they always agree.
Link stories to results
Each story belongs to a report and points to one result through Related Measure, so readers can move from a figure to the person behind it.
Attach the full report
Upload your designed PDF to the report’s PDF field. The Downloads chapter and its contents link appear as soon as a file is there.
Publish next year in an afternoon
The 2026 edition is already in the CMS as a draft, with every figure marked [Replace]. Fill it in, publish it and switch on Featured Report. Last year moves into the archive at the same address.
Agent skills
Four Framer Agent skills do the repetitive work for you. Type the command in the Framer Agent and it works through your project using only the figures and words you give it.
/design-system
Restyles Yearmark to your brand through the existing colour and text styles, so every page, chart and cover stays consistent.
/prepare-next-report
Creates next year’s edition as an unpublished draft, keeps the structure and marks every figure for you to replace.
/update-results
Updates results, targets and last year’s figures from the numbers you provide, then checks every headline against the maths.
/report-check
Reviews an edition before you publish: missing figures, totals that don’t add up, empty sources, broken links and missing alt text.
Before you launch
Set your site details
Add your site title, favicon and social image in Site Settings, and connect your domain.
Swap in your own PDF
Replace the sample report files with your own designed reports.
Remove the template pages
Delete Start Here, Design System and See Your Year, and the This Template column in the Footer.
Run a final check
Type /report-check in the Framer Agent, fix anything it lists, then publish.