Bright Web
Selected work

Portfolio · Editorial · 2025

Studio Foxglove

An architecture studio's portfolio where the work is the loudest thing on the page — full-bleed imagery and motion, with a 0.4s hero.

Client
Studio Foxglove
Services
Editorial portfolio, Motion design, Headless CMS
Timeline
5 weeks · 2025
Stack
Svelte · GSAP · CMS
Headline
0.4s LCP
studiofoxglove.archi
0.4s LCP Studio Foxglove Portfolio · Editorial

01 The brief

Studio Foxglove make quiet, considered buildings — and their old site flattened them into a generic grid. They wanted full-bleed imagery, the kind of buttery scroll you feel rather than notice, and chrome that gets out of the way.

The catch: none of that could come at the cost of speed. Big imagery and heavy motion are usually where performance goes to die.

02 The approach

We built it on SvelteKit, prerendered to static HTML, with a CMS-driven case-study system so the studio can publish new projects themselves. Every hero image is preloaded and served as AVIF/WebP, with dimensions reserved up front so nothing shifts.

The motion — parallax, pinned sections, image reveals — runs on GSAP that's lazy-loaded and gated behind prefers-reduced-motion, so it never touches the critical path and never fights accessibility.

03 The outcome

The result paints its hero in 0.4 seconds and scrolls like silk, while the studio adds projects without touching code.

The results

0.4s
Largest Contentful Paint
100
Lighthouse best-practices
0
Cumulative layout shift
1:1
Self-served via the CMS

“They made our work look inevitable — and we update it ourselves now.”

— Principal, Studio Foxglove

What we shipped

Start a project

Let's build
something bright.

Tell us what you're working on. We read every message ourselves and reply within a day — usually a lot sooner.

  • Email hello@brightweb.dev
  • Based in United Kingdom · working worldwide
  • Availability Taking new projects