I am gathering cool references for my own work as a Motion Designer, and this one caught my eye this week. Day 3 of 60-days-collecting-awesome-motion-design-references I love the way this is designed, based on abstract shapes and concepts with a coding visual language that we are all already familiar with. This is a great reference in this modern era where we deal more and more with products and services that live on the internet, not on a physical product. This animation was created by Odd Fellows in collaboration with Figma.

60 days of references is a serious commitment. Curious, are you mostly drawn to the same visual language each time, or does it shift a lot depending on the day?

I usually don't stop at 3 breakpoints when building a website.

Most people think about: Mobile, Tablet, Laptop

I like adding one more: Desktop

Because what looks great at 1440px can feel completely different at 1920px... - The layout gets too wide. - Spacing starts feeling off. - Content loses its balance.

So I like testing the system across: Mobile → Tablet → Laptop → Desktop

Not because every website needs exactly 4 breakpoints. But because responsive design isn't about making a few screen sizes work.

It's about making the whole system work.

Follow Rushabh for more website fundamentals, experiments, and things I learn while building for the web.

Wide screens expose spacing issues that laptop previews can hide.