插画与图标
插画
界面里的插画（空状态、Banner、引导页、节气卡片、菜品图、门店头图）一律 AI 整图生成：背景、物件、IP 人物一次画完，不用代码拼贴。提示词见 AI 出图 · UI 插画。
插画规则
| 项目 | 规则 |
|---|---|
| 颜色 | 只用四个标准色，避免大面积鲜绿、蓝天 |
| IP | 有动作、有表情、与物件互动，有实物承托与投影 |
| 文字 | 界面插画一般不画字，文字由程序显示，便于改文案 |
| 留白 | 头图要给标题留出干净区域；空状态主体占画面约六成 |
| 菜品 | 有实拍图时以实拍为参考重绘，保持真实；不抠图合成 |
| 尺寸 | 方图 2048×2048、横幅 2048×1024、菜品 2048×1536；上线前压成 WebP |
| 小程序 | 单张图片控制体积，优先放 CDN，不打进代码包 |
图标
品牌图标
四个品牌图标由 AI 生成设计板后矢量化，线宽一致、圆头圆角，缩到 24px 仍清楚。组件用法见 组件库 · 品牌图标，SVG / PDF / PNG 文件见下载中心。
功能图标
返回、搜索、购物车、定位、电话等功能图标，直接使用 Vant / Element Plus 自带的线性图标：
- 线宽统一，颜色用
--jss-color-text-primary（常态）或--jss-color-red-500（选中）； - 尺寸不小于 20px，点击区域仍要 44px；
- 不单独使用图标表达状态，必须配文字。