Spatialty Coffee: visionOS App Icon

This is the app icon I went with for my first Apple Vision app: Spatialty Coffee.

It was quite challenging to keep it as flat as I could to somehow adhere to Apple's own guidelines.

I started with a 3D model of the actual mug I was using at the time (Hasami), took a screenshot at the right angle, and then brought that back to Sketch.

For visionOS apps you must provide up to 3 separate layers, and the system will apply the correct shadow and perspective when the user is looking at it in the home view. That's why you should really stay away from including shadows in the assets, they'll look terrible.

Which was then kinda fun to try and replicate that effect on the website… it's not really the same, but it's close!

Posted on Feb 28, 2024
Rafa
I design for passion and code for fun ✨

More by Rafa

View profile