Layer

Layer Usage

Layers are the surfaces where you can place content & components. It is a visual motif used to create groupings and associations between content as well as hierarchy and focus through depth.

Types

Layer Leveling

You can choose from five different layer levels. Please keep in mind to use layer styles on purpose. The Liquid Design System in general is rather flat and box-shadows should only be used if you want to emphasize user interface elements or want to display hover states etc.