事情是这样的。
前两天，我一直在改 烟火食间 的主题。
它是个帮你规划饮食的网站。你填几个人吃、吃几天、有没有忌口，再加一点口味、预算和做饭时间，它给你一周菜单，顺手把采购清单也理出来。
一个很朴素的需求。
朴素到我一开始压根没把视觉这件事想得有多重要。
不就是一个菜单工具嘛。表格清楚，按钮好点，食材别漏，手机上别挤成一团，差不多得了。
后来我盯着菜单页那张长表看了很久。
一周七天，早中晚，菜品、份量、食材、营养估算、换菜、导出、采购。信息没错，功能也在，可人一旦刚下班、饿得脑子发木，再看这么一屏东西，心里多少会冒出一句，算了，还是点外卖吧。
我当时就愣住了。
吃饭这件事，本来已经够累了。工具不能再像一张待办清单，板着脸告诉你，来，把生活管理好。
它应该更像厨房里那只顺手的碗。
不用特意夸它好看，但你每天都会愿意拿起来。
于是我把 Han Design 拉进了这个项目。
这里得先说个我很在意的事。
我不想把烟火食间做成那种一打开就满屏水墨、卷轴、飞檐、毛笔字的古风网页。那种东西放在海报上很热闹，放进一个要填日期、选餐次、勾采购项的工具里，往往就有点难受了。你只是想看看周三晚饭做什么，结果得先穿越一遍，真的没必要。
Han Design 给我的帮助，不是给页面披一件国风外套。
它更像一套提醒。颜色要克制，字要能读，装饰可以有，但别抢走功能。文化感不是把所有元素都堆上去，而是留白、纸感、边线、主色、字体之间有一点点分寸。
这点分寸，太难了。
这次落地的四套主题
现代，效率优先
烟火，宣纸白、墨色、朱砂，留一点周末做饭的松弛感
宋韵，月白、天青、低噪音，适合认真看一周菜单
青瓷，青灰绿和浅釉色，温润但不抢功能
我最后给烟火食间放进了四套主题。
现代主题还在，它就是最务实的那一套。翠绿和石灰色，干净，效率优先。你早上赶着出门，或者只是想赶紧生成一份下周菜单，它不跟你聊审美，直接把活干了。
然后是烟火主题。
这套不是为了把中国风三个字贴在脸上。我更想做出一点宣纸白、墨色和朱砂的气息。背景有很轻的纸纤维，卡片像被装裱过一点点，主按钮带着印泥的重量。菜单表还是原来的菜单表，表单还是原来的表单，只是它没那么像一个冷冰冰的后台了。
我自己更喜欢在周末切这套。
周六上午，慢慢翻一周的菜，想想冰箱里还有什么，像是在给下周的日子留一点空隙。这个感觉很细，小到不能写进需求文档，可它确实在。
再往下，是宋韵。
很多人一提中式界面，脑子里就是红和金。这个反应我完全理解，节庆、喜气、视觉记忆都在那儿。但我做饮食规划时，反而更想要一个安静一点的地方。
宋韵用的是月白、天青和一点很淡的艾绿。
页面底下藏着像汝窑冰裂一样的细纹，标题换成更收敛的仿宋感，按钮也不再像印章，更像一颗青釉玉扣。它不适合所有场景，可当你想认真看一份一周菜单，或者正在做控糖、减脂这种需要持续坚持的事，这种低噪音的界面真的挺舒服。
它没有催你。
这对一个饮食工具来说，我觉得很重要。
还有青瓷。
这套是我这次最想单独聊的。
青瓷不是历史复原，更不是给自己硬加文化课。它就是一个当代的、偏温润的视觉起点。青灰绿、竹影感的浅色面、稍微带点釉色的层次。它看着不像在用力表达什么，但用户点开食材清单、勾掉鸡蛋、把西兰花标成家中已有，心情会平一点。
有些设计就是这样。
它不负责让你惊呼卧槽，它负责让你每天少皱一点眉。
这次改造最重要的一条
功能不动，气质可以换。主题不该另起一个网站。
这次真正让我觉得有意思的，不是多了三个好看的皮肤，而是它们都没有碰烟火食间最重要的东西。
菜单生成、食材清单、食谱、今天吃什么、附近吃什么，这些入口还在原来的位置。主题只是挂在 data-theme 上切换，用户的选择只保存在自己的浏览器里。刷新之后，刚才喜欢的那套还在。
这听起来很小。
可我一直觉得，好的主题系统就该这样。它不是另起一个网站，不是为了设计而设计。它应该能落在一套已经在跑的产品里，颜色、边框、输入框、焦点状态、表格、导航，甚至用户勾选采购项时的反馈，都一起换过去。
不然你只是在做一张好看的截图。
顺着这个过程再聊聊 Han Design。
我很喜欢它不急着把自己做成另一个无所不能的组件库。它更像一份设计上的底稿，有主题、有 token、有一些能借鉴的组件方向，也反复提醒你一件事，功能优先，文化感要收着来。
这对现有项目特别友好。
你不用推倒重来，不用为了国风把整个技术栈搬家。像烟火食间这样一个 Next.js 应用，原来的页面、表单、无障碍焦点、移动端逻辑都能继续用。做的事只是把视觉变量接上去，再对几个高频组件认真下手。
当然，这里面也有坑。
我一开始把烟火主题的装饰做得太满，卡片边框、四角、纸纹、按钮质感，哪哪都在说自己很有文化。看起来挺爽，真放进菜单页就开始抢戏。用户的眼睛本来该落在菜名和采购量上，结果先被金边勾走了。
后面又一点点收回来。
做中式主题时，我给自己留了三条红线
装饰只能站在功能后面。
文字、输入框、警告状态和焦点状态，必须比纸纹和金边更清楚。
用户不是来逛国风展览的，他只是想知道周三晚饭吃什么。
装饰只能站在功能后面。
这个原则说起来像废话，做起来全是细节。主按钮的文字要够清，输入框聚焦时要看得见，浅色背景不能把警告和错误吃掉，动画也得尊重用户的减少动效设置。审美这玩意一旦挡路，就不叫审美了，叫添乱。
所以这篇东西不是一篇主题上新公告。
更像一次小小的开发记录。
我以前会觉得，做产品先把功能做完，视觉是后面的锦上添花。现在我不太这么想了。尤其是吃饭、记账、健康、日程这种天天要碰的工具，界面本身就是体验的一部分。它不会替你买菜，也不会替你切番茄，但它能让你愿意打开那个页面，再往下走一步。
而很多习惯，就是从这一步开始的。
给做产品的朋友
如果你也在做一个中国用户每天会打开的产品，可以去看看 Han Design。别急着搬龙椅、贴窗棂，先看看你的产品里，哪里需要一点安静的留白，哪里需要一抹更有温度的颜色。
给每天都在想吃什么的你如果你刚好也被每天吃什么搞得头大，去 烟火食间 玩玩看。
把人数、忌口和时间填进去，看看它给你排出的那一周，像不像你真正能过下去的日子。
我自己也还在改。
主题也好，菜单也好，最后都不是为了做得多漂亮。
是为了让今天这顿饭，别再那么难决定。
以上。
如果你觉得这次主题改造有点意思，欢迎点个赞、在看，或者把它转给那个总说今天吃什么的人。
也欢迎你去 Han Design 看看，提提意见，丢个 issue，甚至拿去折腾自己的项目。