Expanding a Brand Color Ramp
Added 2026-10
Expanding a Brand Color Ramp — Chinese original prompt
品牌主色是 [#2F5DE3]，需要 [10] 阶色板用于背景、边框、文字和悬停态。请给出每阶色值与用途建议，要求相邻阶的明度差尽量均匀，最浅两阶能当背景、最深两阶能当正文。同时说明：主色当文字色放在白底上对比度是多少，能不能直接用于 [14px] 正文。用表格输出。
Site original
Chinese original
Example
Sample input
品牌主色是 #2F5DE3，要十阶色板用于背景、边框和文字，并检查对比度是否够。
The output should include
- 十阶色值配用途，明度差均匀
- 最浅两阶做背景、最深两阶做正文
- 给主色当正文的对比度结论
Replace these placeholders 3
Swap the bracketed parts for your own details before sending.
[#2F5DE3][10][14px]
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.