品牌与外观

一句话

商城名、Logo、favicon、主色。商城名会出现在页面标题、邮件署名和搜索结果里， 是这一页里影响最大的一项。

它在哪

后台 → 站点管理 → 站点设置 → 品牌

商城名称

买家能看到的店名。出现在：

• 浏览器标签页的标题
• 每一封邮件的署名（订单确认、发货通知、验证码）
• 搜索结果里的站点名
• 结构化数据（Organization）

这一项一定要填

不填的话所有邮件末尾都是一个默认名，买家会怀疑这封信是不是钓鱼邮件。

Slogan

一句话介绍，出现在首页 Hero 下面和 SEO 描述的兜底里。

首页装修可以覆盖它

如果你在「首页装修」里配了文字 Hero 楼层并填了标题/副标题， 首页显示的是楼层里那份，不是这里的 Slogan。这里的是兜底。

Logo（亮色 / 暗色）

两个都传。买家的系统是深色模式时用暗色那张。

为什么要两张

页面是服务端渲染 + 静态缓存的，一份 HTML 发给所有人 —— 服务端不可能知道这个访客的系统是亮还是暗。

所以是让浏览器自己挑（<picture> + prefers-color-scheme）： 只下载中选的那一张，也不会先闪一下再换。

只传亮色的话，深色模式下会用亮色那张 —— 如果你的 logo 是深色字，就等于看不见。

建议规格

• 格式：PNG（透明底） 或 SVG
• 高度：40–80px 的显示高度，实际图建议 2 倍（80–160px）
• 暗色版：把深色部分换成浅色，不是给亮色版加个白底

Favicon

浏览器标签页上那个小图标。

PNG 就行，不用非得 ICO

建议 512×512 的 PNG，浏览器会自己缩。

★ 早期版本有一个内置的 favicon.ico 会盖掉你配的这个（浏览器按自己的规则挑， 表现是"后台配了没反应"）。那个文件已经删掉了，现在以你配的为准。

社交分享图（og:image）

把商城链接分享到微信/Facebook/Twitter 时显示的那张大图。

• 建议尺寸 1200 × 630
• 不填的话分享出去只有一行文字，点击率差很多

主色

它注入成 CSS 变量 --brand，全站按钮、链接、强调色都跟着变

不需要写自定义 CSS。改主色前先别急着去写 CSS。

后台的主色也跟着它走 —— 你在这里改完，后台的按钮颜色也会变（登录页也会）。

别选太浅的颜色

按钮上的文字色是系统按对比度自动算的（浅色底给深字、深色底给白字）。 但如果你选了一个非常浅的黄，算出来虽然是深字，整体仍然会显得没有分量。

主色建议选中等饱和度、中等明度的颜色。

常见问题

换了 Logo 前台没变

1. 等 5 秒（站点配置有缓存）
2. 强制刷新 Ctrl + F5 —— 浏览器缓存图片很积极
3. 还不行的话，确认图片地址能直接打开（把图片 URL 粘到地址栏）

深色模式下 Logo 看不清

说明只传了亮色那张，或者暗色那张其实也是深色的。 暗色版应该是浅色/白色的图形，不是加白底。

想看深色模式下什么样

Chrome 开发者工具 → 右上角三个点 → More tools → Rendering → Emulate CSS prefers-color-scheme 选 dark。