品牌包生成器 —— 一次生成调色板、字体、favicon 和 mockup

新产品最早需要的不是完整品牌手册,而是一套不会互相打架的基础视觉决定: 主色和辅助色、标题与正文的字体关系、一个能放在浏览器标签和社交头像里的小图标,以及一个能检验视觉是否适合真实界面的 mockup。Shape Cat 的品牌包生成器把这四件事放在同一个画布里,让你先判断整体感觉,再进入各个独立工具精修。

好的轻量品牌包要能服务落地页面和产品界面。调色板里至少要有背景色、正文色、边框色、主按钮色和强调色;字体搭配要保证标题有记忆点、正文足够易读;favicon 要在 16px 小尺寸下仍能识别;mockup 则用来检查颜色和字体放到真实 UI 上是否稳。如果这四项在同一屏里看起来一致,后续做按钮、卡片、社交图和截图展示会省很多时间。

生成后不要立刻追求完美。先复制 CSS token、字体建议和 favicon,把它们放进真实页面里跑一遍;如果主按钮不够醒目,回到配色工具调强调色;如果标题太花,去字体工具换一组;如果展示图不够像产品,去 mockup 工具加设备框和光影。品牌包生成器负责给方向,独立工具负责打磨细节。