Interactive Moments

These elements were made using components on Figma with delayed smart animations.

Bento-Box Layout 🍱

The lesson features a “bento-box” layout, where users can hover through the different parts of the pen to see animations of each step of the system, then scroll through each step in detail.

Typography & Colour

This project uses a code-like colour palette and geometric sans-serif typography, mirroring the systematic feel of the pen’s life cycle.

Choices... Choices... Choices...

The user’s choices leads to different outcomes, as the user themselves are also a part of the system. By replacing the stock, they are lead to a feedback loop, whereas choosing the second option ends the system.