Design system

One system, every edition.

Fourteen colours, eighteen text styles and a handful of components hold every page together. Change a style once and every chapter, chart and cover follows.

Colour

Warm ivory paper, near-black ink, deep aubergine and a restrained vermilion. Vermilion marks the one thing to notice on a page, so it stays rare.

Ivory

#F6F1E7

Page background

Paper

#FCFAF5

Cards, panels and fields

Linen

#ECE4D5

Quiet surfaces

Ink

#1C1815

Text and key lines

Ink Muted

#574E46

Supporting text

Rule

#D8CDBB

Hairlines and dividers

Rule Strong

#8C8073

Field borders

Aubergine

#3A1D32

Bands, covers and bars

Aubergine Deep

#26121F

Footer and cover spines

Aubergine Mist

#EADFE6

Highlights on light

Plum Muted

#CBB8C4

Text on aubergine

Vermilion

#E0482F

Chapter numbers, targets

Vermilion Ink

#B3301C

Buttons, labels, links

Vermilion Glow

#F47E66

Accents on dark

Typography

Newsreader, an expressive serif with optical sizes, carries headlines, years and figures. Schibsted Grotesk keeps body text, labels and tables crisp. Every style scales down at tablet and phone widths.

Year Display

Newsreader 176 · Light

2025

Heading 1

Newsreader 76 · Regular

Every year, on the record.

Heading 2

Newsreader 52 · Regular

Where the money went

Heading 3

Newsreader 30 · Medium

Second Chance Learning

Heading 4

Schibsted Grotesk 19 · Semibold

Results beside targets

Lead

Newsreader 24 · Regular

Every result sits beside its target and the year before.

Figure XL

Newsreader 92 · Regular

412,600

Pull Quote

Newsreader 34 · Italic

I came for the maths. I stayed because someone believed in me.

Body

Schibsted Grotesk 17 · Regular

Outputs count what was delivered. Outcomes show what changed for people, and every result is labelled so readers can tell the difference.

Label

Schibsted Grotesk 12.5 · Semibold

Reporting period

Annotation

Schibsted Grotesk 13 · Medium

Target set by trustees in March 2024

Components

Every block below is a live component. Edit it once in Assets and it updates across the whole site.

Buttons

Edition covers

Fernmoor FoundationEdition 07
Annual ReportFurther, together
Fernmoor FoundationEdition 06
Impact ReportRoom at the table
Fernmoor FoundationEdition 05
Year in ReviewDoors, opened
Fernmoor FoundationEdition 04
Annual ReportGrowing roots

Result comparison

OutputLower is better

Average wait for a first learning session

9days
Within targetDown 57.1% on 2023-24
Average wait for a first learning session: result, target and previous period
2024-259 days
Target (max)14 days or less
2023-2421 days

9 days in 2024-25, within the target of 14 days or less, down 57.1% on 21 days in 2023-24. Lower is better for this measure.

Outcome
68%
Young people in work, education or training six months on
97.1% of target of 70%Up 7 percentage points on 2023-24

68% in 2024-25, 97.1% of the 70% target, up 7 percentage points on 61% in 2023-24.

Finance table

Grants from trusts and foundationsThis period: £1,420,000Share of total income:
2023-24: £1,265,000 · Up 12.3%
Individual giving and legaciesThis period: £684,000Share of total income:
2023-24: £612,000 · Up 11.8%
Community fundraising and eventsThis period: £236,000Share of total income:
2023-24: £214,000 · Up 10.3%
Total incomeThis period: Not reported

Principles

One accent

Vermilion marks targets, chapter numbers and the action to take. Everything else stays ink on ivory.

Figures in context

A number never appears alone: it sits beside its target, the year before and a sentence that says what it means.

Every chart has a table

Charts are drawn from the same values as the readable table beside them, so they always agree.

Gaps stay visible

A missing figure shows as Not reported, never as zero, and a changed method is marked Not comparable.

Grid and rhythm

1200px content width, 40px side margins on desktop and 20px on phone, with generous chapter spacing.

Motion is a bonus

Every reveal has a static, keyboard and reduced-motion equivalent, so nothing depends on animation.

Create a free website with Framer, the website builder loved by startups, designers and agencies.