Estúdio Pulse — a gym website where the headline does the repsEstúdio Pulse — a gym website where the headline does the reps
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Fábio's avatar
Fábio Ferreira
• Sep 30
Estúdio Pulse — a gym website where the headline does the reps
Completed work
WebGLBrand DesignWeb DesignWeb DevelopmentAstroFigma
Artur's avatar
Artur Mikhov
pro
• Sep 30
Curious whether the WebGL sits on the type itself or only on the imagery. Motion on a heavy condensed headline can start fighting legibility on smaller screens, so I'd love to know how you handled that.
Fábio's avatar
Fábio Ferreira
• Sep 30
The motion is the type. "ONE MORE." is set in Roboto Flex, a variable font, and the animation only changes two of its axes: weight (light to black) and width (wide to condensed). It's real HTML text the whole time, so it stays crisp at any size, selectable and readable by screen readers and search engines.
Artur's avatar
Artur Mikhov
pro
• Sep 30
Good to know it stays live text rather than baked video. Does the width axis still get to full condensed on the narrowest mobile breakpoint, or do you clamp it there?
Fábio's avatar
Fábio Ferreira
• Sep 30
On small screens I narrowed the range, it never gets to the lightest or most condensed extremes.
Dim's avatar
Dim Pixidimworld
• Oct 1
Omg amazing work
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started