---
name: surface-shadow-material-systems
description: "Design component surfaces and elevation states."
---

# Surface Shadow Material Systems

## Use This Skill

Use this skill for design surfaces, shadows, borders, and material depth with restraint.

## Scoped execution

Apply the [shared web contract](../website-operating-rules/references/scoped-web-contract.md) once when execution crosses phases; reuse it if already read. Load only the specialist guidance relevant to the requested surface and deliverable.

## Required Reference

Read [references/surface-shadow-material-systems-guide.md](references/surface-shadow-material-systems-guide.md) before making architectural or visible UI changes with this skill.