depth-system

Name: depth-system
Author: alirezarezvani

The 2.5D illusion is built entirely on a **6-level depth model**. Every element on the page belongs to exactly one depth level. Depth controls four automatic properties: parallax speed, blur, scale, and shadow intensity. Together these four signals trick the human visual system into perceiving genui

depth system

Content Preview

# Depth System Reference

The 2.5D illusion is built entirely on a **6-level depth model**. Every element on the page belongs to exactly one depth level. Depth controls four automatic properties: parallax speed, blur, scale, and shadow intensity. Together these four signals trick the human visual system into perceiving genuine spatial depth from flat assets.

---

## The 6-Level Depth Table

| Level | Name              | Parallax | Blur  | Scale | Shadow  | Z-Index |
|-------|-------------------

How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/depth-system.md \
  https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/epic-design/references/depth-system.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/alirezarezvani/claude-skills

Then reference at engineering-team/epic-design/references/depth-system.md