- Site
- wsprcreative.com
- Year
- 2026
- We built
- Web design, Next.js development, Motion design
- Built with
- Next.js · GSAP
- Type
- Big Shoulders, Instrument Serif, Archivo, Courier Prime
The ask
A new home for the studio: nine years of work, seven departments, and a way to show websites the way we show films.
The approach
Designed and built from scratch in Next.js. The reel plays inside the WSPR letters until you scroll into the picture, every film plays in place, each department has its own page, and the sites we build play inside it as they scroll.
The result
133 films from nine years, a click from playing.
The design system
Type, color and motion.
Read from wsprcreative.com's own stylesheet: the faces it sets, the colors it names, the curves it moves on.
Type
Seven departments.
Black-weight capitals for every headline.
One studio.
Italic, in coral, for the second beat of a line.
Video production & creative studio
Body copy, buttons and labels.
Int. The screening room
Script-page type for the scene headings.
Color
- Ink
#0a0a0a - Ink 3
#1a1817 - Paper
#f5f3f0 - Paper 2
#d9d5d1 - Paper dim
#a9a4a1 - Coral
#ff5f5f - Coral soft
#ffb3af - Coral deep
#d9443f
Motion
cubic-bezier(.16, 1, .3, 1)Long, soft landingscubic-bezier(.7, 0, .1, 1)Decisive, like a hard editcubic-bezier(.65, 0, .35, 1)The site today · every screen
Top to bottom, screen by screen.
01ATop 02A9% 03A18% 04A27% 05A36% 06A45% 07A55% 08A64% 09A73% 10A82% 11A91% 12AFooter
Next scenewsprrealestate.comWSPR Real Estate