Depths, Kitt : Ornikar Design System

We use depth quite often throughout our product, to allow for an easier way for our learners to navigate and interact. We have 3 kinds of depths which are pretty self explanatory : Card, Modal and Panel (think of all the dropdown menus). The shadows applied are based on the context of the element : the busier the background, the more pronouned the shadow will be.

This animation was done in Origami to showcase these depths. Feel free to check out the source file if you want to see how it's done.

Find us on Instagram