Shadows, gradients & overlays¶

These tokens add depth and visual richness, and modules reference them by name.

Shadows¶

Set the exact offsets and colors in Theme Settings. Modules offer these as a shadow choice, plus a None option.

Gradients¶

Three gradient tokens are available:

• Gradient 1: deep navy to purple.
• Gradient 2: purple to lavender.
• Gradient 3: dark navy, vertical.

Modules that support gradient backgrounds or gradient text offer these three, plus a Custom option.

Image and video overlays¶

Six overlay tokens sit over background images and videos to keep text readable:

• Overlays 1 and 2: primary color at high and medium strength. Overlay 2 is the common default.
• Overlay 3: secondary color, subtle.
• Overlay 4: tertiary color, subtle.
• Overlays 5 and 6: soft white gradient fades.