$ cd ~/work/mint-choc-media
Mint Choc Media
A one-page site for Mint Choc Media, a London social-first creative studio that pairs creative (the mint) with strategy (the choc), built so every section leads towards a campaign brief.
00//the walkthrough
3 screens · tapclick to enlarge
01//the problem
The studio needed a site as bold as its brand: playful but credible, quick to read on a phone, and set in its own typefaces. Every section had to lead a visitor towards sending a brief.
02//the approach
React 18 on Vite, with Tailwind CSS v4 and Motion for the animation. The brand's Aileron and Dunbar typefaces are self-hosted, so the headings render in the brand's own type on every device, and the layouts hold from phones to wide screens with no sideways scroll.
03//what I built
Hero
Floating campaign cards and a scroll progress bar in the brand green.
Services as flavours
Four services, each with what's included.
Proof
The founder, a rolling campaign reel and results that count up as they come into view.
Client quotes
Rotating quotes with dot controls.
Brief form
Validates, confirms on the page and clears itself for the next one.
// the impact
Mint Choc Media is a client project. The live demo runs a separate copy where the brief form validates and confirms but sends nothing; the results and quotes on it are the studio's own content. The 1¼-minute video above walks through the page.
// let's build yours
Have a product like this in mind?