Studio sites live or die on the case studies. The problem is that a freeform editor lets anyone break a carefully built layout by the third post. The answer was a constrained set of Gutenberg block patterns — full-bleed image, split text-and-media, pull quote, results strip — that the team composes case studies from. Every combination stays on-brand because the patterns only allow on-brand combinations.
The challenge
Giving a creative team layout freedom without letting them dismantle the design system.
What I built
A custom theme with locked block patterns, art-directed responsive imagery, and scroll-triggered motion that respects prefers-reduced-motion.
Results
- Case studies published by the studio without developer help
- Layouts stay on-brand regardless of who's editing
- Motion degrades cleanly for reduced-motion visitors