Typischerweise sollten die Schatten die visuelle Hierarchie unterstützen und konsistent verwendet werden. Beispielsweise Level 1 für klickbare Elemente, Level 2 für fixierte und Level 3 für modale Elemente o. Ä. Im Code sind die Variablen durchnummeriert, damit sie leicht angepasst und erweitert werden können.
Level 0
Level 1
--wp--preset--shadow--1
Level 2
--wp--preset--shadow--2
Level 3
--wp--preset--shadow--3