When designing for a physical space, we would consider the materials and environment of that space. To help bring a sense of logic and order to Blocks we thought about the environment that it lives in and have defined rules around elevation, lighting, and textures.
Elevation in Purple Rain is used to show depth and difference in surfaces to create a better visual hierarchy.
The way we have explored elevation is through the concept of the Qredo App as a physical object.
This has been achieved by placing the UI elements on a Z axis in conjunction with the existing X and Y.
The elevation ruler is a tool designed to place the UI elements on the Z axis.
The ruler ranges from 0dp to 5dp in which you can place the elements.
Below you can see a representation of how different elements placed on different dp show different elevation.
Bottom sheets
The Qredo App UI elements are placed on top or at the same level as the bottom sheet which is placed at 0dp.
We can find different sheets across the app such us: