Selected work 04 / 04
Louis Belleau
One-to-one coaching for when success stops being enough.
01 Brief
One-to-one coaching for people questioning what they’ve built their life around. The site had to tell a personal story and still get visitors to book a discovery call.
02 Build
A single long page in warm stone and clay. It goes from the story to four practices, the session formats and a FAQ, with quotations set over photographs between sections. No line ends on a lone word.
The system
From loubelleau.com’s own stylesheet- Stone #f4f1eb
- Warm white #fffdf8
- Ink #1b1917
- Muted #5c574e
- Clay accent #c2603c
Type
- Cabinet Grotesk
- Headings
- Manrope
- Body
- EB Garamond Italic
- Quotations
Details
- 01
The second half of every heading turns clay.
- 02
Photographs behind the quotations settle from 1.06 times their size as they appear.
- 03
The pill nav turns to frosted glass after the first scroll.
- 04
Testimonials run in a full-bleed strip with scroll snap and faded edges.
Under the hood
07- Testimonials
- 6, in a scrolling strip
- FAQ
- 7 questions
- Booking
- Cal.com
- 01Astro, static, on Netlify
- 02Two dependencies in total
- 03Prefetch on every link
- 04A 76-line plain JavaScript site script, no framework
- 05A pass that keeps the last word of a line from sitting alone
- 06A share card screenshotted from an HTML template
- 07Cal.com booking and an embedded Substack signup