Gray Scale and Elevation
Added 2026-10
Gray Scale and Elevation — Chinese original prompt
界面有 [5] 层高度：页面底、卡片、下拉、弹窗、通知。请设计一套灰阶与阴影：每层的背景色值、阴影的位移模糊扩散和不透明度（写成一条完整 box-shadow）、是否需要描边兜底。要求相邻层的差异在亮色和暗色屏幕上都能看出，且不用纯黑阴影。用表格输出，并说明卡片层为什么适合用描边代替阴影。
Site original
Chinese original
Example
Sample input
界面有页面底、卡片、下拉、弹窗、通知五层，帮我设计一套灰阶和阴影，不要纯黑阴影。
The output should include
- 每层背景色与完整阴影值给出
- 相邻层在亮屏暗屏都能看出差
- 说明卡片为何可用描边代替
Replace these placeholders 1
Swap the bracketed parts for your own details before sending.
[5]
How to use
阴影带一点主色的色相会更自然，纯黑灰影会显脏。
Try tweaking it
- Swap style words for measurable parameters: light, lens, material, composition.
- Ask for three variants of one prompt, then compare the differences.
What you should get
- A parameter sheet you can act on (light, lens, material, framing)
- Two or three alternatives with trade-offs
Common mistakes
- Stacking words like "premium, cinematic, 8K" — no two results match.
- Asking for a real brand or celebrity look and getting something close but unusable.
How to check the output
- Parameters are executable — ready to use in a tool or hand to a designer.
- It explains the trade-offs, not just the final look.
Where it works
- Good for: breaking vague "premium feel" into concrete light, material, lens and composition parameters.
- Watch out: for real brands, celebrities or third-party work, use equivalent descriptions to avoid infringement.