The opposite day, I used to be looking a properly designed “About” web page, and, like many different websites, it had the acquainted sample of a hard and fast brand on the prime whereas scrolling. That is fairly frequent, however generally the emblem finally ends up overlapping with the textual content, making issues a bit exhausting to learn. You would possibly see this as a quirk of brutalist design, nevertheless it bought me considering: what if we disguise the emblem throughout these moments when it intersects with the textual content?
And what if we disguise it with an animation? That opens up an entire vary of inventive potentialities to discover. So, I made a decision to check it out and see how it could look. Right here’s just a little experiment which may spark some concepts for those who’re into animation patterns like this. It’s only a proof-of-concept, nothing fancy right here, so don’t get excited 🙂
I name it a “context-aware animation” as a result of the emblem animates based mostly on its interplay with the visible context.
Hope you get pleasure from these playful concepts and thanks for checking by 🙂
