---
title: "Stylings: Shadows"
slug: "stylings-shadows"
updated: 2026-10-20T19:35:40Z
published: 2026-10-20T19:35:40Z
canonical: "docs.blackthorn.io/stylings-shadows"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blackthorn.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Stylings: Shadows

The Shadows setting controls the `box-shadow` applied globally to every card-style component on the page: Info Cards, Speaker cards, Sponsor logo tiles, FAQ panels, and any section using a card layout.

**Shadows**

Component Shadow
Choose from 11 presets ranging from **No shadow (none)** through to **Very strong**. Each preset maps to a specific CSS `box-shadow` value. Presets in order: No shadow · Very subtle · Subtle · Light · Soft · Medium light · Medium · Moderate · Elevated · Prominent · Strong · Very strong. A subtle or light shadow lifts cards off the background and improves scannability; no shadow works best when you're already using borders or glass effects.

💡Shadow and border work well together at low intensities: try **Very subtle shadow + 1px border** for a clean card look, or **Elevated shadow + no border** for a floating effect. Avoid using both at high values simultaneously.

---

![Site Settings → Stylings → Shadows: Component Shadow dropdown with all preset options listed](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/f4-13-stylings-shadows.png)Site Settings → Stylings → Shadows: Component Shadow dropdown with all preset options listed