Master of Mental Maths

Five design directions for the public website. Open any one to see it.

The five directions

Design 5 — Warm StudioWarm cream and one decisive red, navy chapter bands, an abacus bead rail as the structural motif. Built as real responsive pages, not fixed boards.9 screens · responsive 320–2560 Design 4 — BrightThe client's own mockups. Fixed-width boards, desktop and mobile.41 screens · desktop + mobile Design 3 — Warm, new layoutSand and forest green, pill buttons, full-bleed page heroes.19 screens · desktop only Design 1 — Cool editorialCream and navy, hairline borders, no shadows, serif display.19 screens · desktop only Design 2 — Warm recolourDesign 1's layout in the warm palette. Kept only for comparison.19 screens · desktop only