Inside the Graham McDonnell website design
Graham McDonnell is a creative website built with Framer. Its pages are built from footer and other sections, shown here in full-page captures and a scroll recording. Typography: Funnel Sans. Palette: #202040, #8080A0, #406060.
A multi award-winning creative director, keynote speaker and lecturer with over two decades in the industry, specialising in creating immersive, meaningful stories for global brands across digital, social and film. Its visual style is editorial, typographic, and cinematic, with navigation bar, hero, and feature card among its components.
Why we picked it
A deep blue glowing hero with small caps type sets a cinematic tone before the page shifts to bright white cards listing clients and credentials in fading grey, keeping trust details present but quiet. Below, wide project tiles with their own titles and distinct photography styles let each story read like a separate chapter as you scroll.
What to look for
- Footer: grouped navigation with clear column headings
Sections from Graham McDonnell
Questions designers ask
What fonts does Graham McDonnell use?
Graham McDonnell uses Funnel Sans, read from the fonts loaded on the captured page.
What is the Graham McDonnell website built with?
The Graham McDonnell website is built with Framer, detected when the page was captured.
What colours does the Graham McDonnell website use?
The captured palette includes #202040, #8080A0, and #406060.
What sections does the Graham McDonnell website have?
The Graham McDonnell website includes footer and other sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Graham McDonnell's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises Graham McDonnell's typography, colours, and components for your team or an AI tool.
