库里的美拉德配色
每张卡片标了主色、饱和度与正文对比度。美拉德最容易翻车的地方是整页发闷，对比度那个数字就是防它的。
#b3701f饱和 71%14.17:1 · AAA#ae7a24饱和 66%13.34:1 · AAA#a15636饱和 50%14.54:1 · AAA#b48822饱和 68%14.27:1 · AAA#cb7c48饱和 56%14.41:1 · AAA#96411d饱和 68%14.54:1 · AAA#d96a24饱和 72%15.08:1 · AAA#dd762b饱和 72%14.43:1 · AAA美拉德在界面里指什么
它原本是烹饪里的褐变反应，后来被时装与家居借走，指棕、咖、栗、焦糖这一族暖深色。判断一套配色算不算，看两个条件：色相在橙到棕之间，明度不到中段。
它不是单一颜色，也不是「越深越好」。库里的 8 套从金黄棕到烧过头的焦褐都有，共同的是一层暖，且都压得住白字。
三条使用规则
一、底色必须浅
美拉德的主色本就偏深，底色再压深，整页就成一团。这 8 套的正文对比度在 13.34:1 到 15.08:1 之间，全部靠浅底加深字撑起来。做深色模式时主色要提亮一档，否则卡片边界会消失。
二、只留一个深色
棕、咖、栗放三个在一起，谁也不突出。正确做法是选一个当主色，用在按钮与选中态，其余退成中性色。全页深色面积超过三成，暖调就会变闷。
三、强调色用金或砖红，不要再加棕
需要跳出来的地方（角标、价格、提醒）用金色或砖红，色相同族但明度拉开。再放一个棕只会让层级更糊。
美拉德和焦糖橙是同一件事吗
焦糖橙是美拉德的一端：糖刚熬到焦糖色的那一刻，橙里带棕、明度中等。这一页把两者合并成一个页面，因为它们在库里指向的是同一批配色，分开写只会把同一套论据说两遍。落在区间最暖那一端的几套，也可以直接叫焦糖橙。
什么时候别用美拉德
- 需要清爽感与「新」的界面：工具类、效率类产品。暖深色天然带旧感，大面积使用会显得沉重。
- 信息密度高的表格。深棕做分隔线或表头时，与正文的明度差不够，长时间看会累。
- 需要警示色的场景。棕与红在低亮度屏幕上容易混，危险状态要另选明度更高的红。
常见问题
- 美拉德和焦糖橙要分开做两个页面吗？
- 不需要，这一页已经把两者合并。焦糖橙是美拉德范围内偏橙的一端，两个词在库里指向同一批配色，分成两页等于同一套例子讲两遍。
- 为什么库里的美拉德主色是芥末黄与棕橙，没有鲜艳的橙？
- 因为要压得住正文。鲜艳橙做主色时，深色文字在上面过不了 4.5:1，压深之后就是现在看到的这些颜色。这不是配色偏好，是对比度门槛的结果。
- 美拉德适合做深色模式吗？
- 可以，但主色要提亮一档，否则棕色卡片在深底上分不出边界。用深色模式转换器跑一遍，它会给每对颜色的实测对比度。