<aside> 👇🏽

This page is from documentation I created to guide the design and behavior of the AR cooking timer. I detailed how the color shifts over time (#97E525 → #52C5F2 → #FDAEF8), how text and shadows should appear in 3D space, and included shape and notification references. This ensured consistency across headset visuals and mobile notifications.

Some info may be hidden for confidentiality

</aside>

image.png

#97E525 at first with remaining time reflected as #52C5F2. Once it reaches a min left #52C5F2 is replaced by #FDAEF8. Once at 00:00 then #FDAEF8 fills the entire screen

Text is #121210

Shape would be the same but would float text slightly off flat surface to allow for shadow.

Shape reference

Timer%20in%20progress%20-alt.png

Accompanying mobile notification

M.6.3%20-%20AR%20Cooking%20-%20Timer%20Notification.png