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
Trying to make the morph a little smoother for my app.. fade the type out, reshape the card, fade it back in. feels way less chaotic than springing every glyph mid-resize.
Clean work!
Thanks Bella 🙏
Great work🔥👏👏
Much appreciated 🙏
Premium work
Thank you very much 🙏
The design is sleek!
Appreciate it mate!!!
You're welcome mate!
Reshaping the card while fading the text out and back in is such a subtle trick, most people would never notice how many micro steps go into making something feel less chaotic. What did the janky version look like before you split it into those fades?
I didn’t even want to capture it lol… it looked really awful. When the card is in it’s morphing state the text then breaks to adapt to the card and it didn’t look nice at all… so I thought it would be nice to fade the text out then appear back when the card has completed its morphing.
Sicckkk
Thanks 🙏😝
Looks much cleaner this way. Nice little detail.
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
Challenges
View all
Related posts
A look at the identity we designed for Vetti, a dog health monitoring brand.
There’s a lot of data behind a product like this but the person using it just wants to know their dog is okay.
That’s the balance in the design with a connected dot system that feels precise and warm colors and photography that keep it close to what people care about.
Also, an excellent excuse to spend far too long choosing dog photos.
Wonder -- Visual Expressions
The restraint in the warm palette really lets the sound-object concept breathe—especially that shift from readable type to atmosphere.
Custom liquid interaction built in Framer.
Turning a static hero into a responsive visual surface through cursor-driven distortion.
How do you adapt the cursor-driven effect for touch screens?