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 set brand on the prime whereas scrolling. That is fairly frequent, however typically the emblem finally ends up overlapping with the textual content, making issues a bit arduous to learn. You may see this as a quirk of brutalist design, but it surely obtained me considering: what if we cover the emblem throughout these moments when it intersects with the textual content?
And what if we cover it with an animation? That opens up an entire vary of artistic potentialities to discover. So, I made a decision to check it out and see how it might look. Right here’s a bit experiment which may spark some concepts in case you’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 take pleasure in these playful concepts and thanks for checking by 🙂