品牌视觉与风格设置
概述
品牌视觉是网站给人的整体感觉。字体、颜色、文字大小、密度、圆角和浅深色模式看起来像小细节，但它们会一起影响访客是否觉得网站清晰、可信与符合您的品牌。
这些设置会套用到全站。您不需要逐页重设字体或品牌色；设置一次后，网站各页的模块会使用同一套方向。
在哪里设置？
打开编辑器的“设置”→“设计”。调整时可同时使用电脑、平板与手机预览查看效果。
请一次只改一两个项目，再观察整体效果。若同时换字体、颜色、间距和大量图片，很难判断是哪一个改动让网站看起来不对。
字体与字级
排版不只是挑一款好看的字。您可以分别设置不同语言使用的字体，并调整 H1、H2、H3 与正文的字级。
各语言分别设置字体
“设计”会先根据您的网站内容语言，显示最可能需要的字体字段；展开“多语种字体”后，还能分别设置英文、繁体中文、简体中文、日文和韩文。
目前每种语言可选择的精选字体数量约为：
| 语言 | |--------------|--------------| | 英文 | 170 款 | | 繁体中文 | 60 款 | | 简体中文 | 30 款 | | 日文 | 70 款 | | 韩文 | 40 款 |
各语言的菜单会根据字体支持范围筛选，因此不必担心将只支持英文的字体套用到中文内容。系统提供的字体列表可能随更新调整；目前不支持上传自己的字体文件。
若您的网站同时有中文与英文，请分别查看两种文字在标题、按钮与正文中的效果。选字的原则是“清晰优先于个性”：品牌名称或大标题可稍有特色，长篇正文则要在手机上能轻松阅读。
调整字级
您可分别调整 H1、H2、H3 和正文的字级，每种文字提供 9 个尺寸层级。H1 是每页最重要的主标题，H2 与 H3 用于段落层级，正文则是一般说明文字。
不要把所有文字都调大。清晰的标题层级能让访客扫读，也能帮助辅助工具理解页面结构。
品牌色、文字色与外观模式
Kanorio 的全站色彩设置集中在下列三项：
| 设置 | |--------------|--------------| | 品牌主色 | 按钮、重点、链接与部分背景使用的色调；浅色与深色模式各有一组颜色。 | 品牌文字色 | 显示在品牌主色背景上的文字或图标颜色；可让系统自动判断黑白对比，也可分别手动覆盖。 | 外观模式 | 决定公开网站跟随访客系统，或固定使用浅色、深色外观。
目前没有独立的全局次要色或背景色字段；请用品牌主色、模块图片和内容层级建立视觉重点。
选择品牌主色
品牌色选择器提供 24 组预设搭配，分为经典鲜艳色、莫兰迪色系，以及大地／中性色。每组都包含适合浅色与深色模式的配对颜色。
若品牌已有色彩规范，您也可以使用取色器或手动输入 Hex、RGB 或 HSL 色码。选择器会保留最近使用的颜色，方便您回到先前试过的组合。调整浅色模式颜色后，系统也会协助产生适合深色模式的起始建议；请仍切换两种模式检查结果。
检查品牌文字色与对比
当按钮或区块使用品牌色背景时，文字必须有足够对比才看得清楚。系统预设会自动选择黑色或白色文字，并显示对比提示；若品牌规范需要特定文字色，也可自行调整。
不要只用颜色传达重要信息，例如只把错误信息变红。请同时用清晰文字、图标或位置说明，让色觉差异的访客也能理解。
选择外观模式
| 选项 |
|---|
| 跟随系统 |
| 固定浅色 |
| 固定深色 |
选择“跟随系统”前，要同时检查两种模式。若您的 Logo、照片或品牌色在深色背景上不清晰，可改成固定浅色，或重新调整深色模式的品牌色。
模块密度
密度控制模块与模块之间的留白，也就是内容的松紧程度。Kanorio 提供两种全站选择：
| 密度 |
|---|
| 标准 |
| 紧凑 |
请在手机预览检查：过于紧凑会让按钮与段落难以阅读，过于宽松则会让访客需要滑太久。
圆角
圆角控制按钮、卡片和图片边缘要多方正或圆润。它也会全站套用。
| 圆角 |
|---|
| 利落 |
| 标准 |
| 柔和 |
选择时请与 Logo、产品风格和照片气氛一致，不需要每个模块使用不同风格。
网站小图标（Favicon）
网站小图标是浏览器标签页和书签旁边的小图案。它不在“设计”标签页设置；请打开“管理网站”→“常规”调整。
您可以保留系统依 Logo 自动生成的图标，或上传自定义图标。小图标尺寸很小，请避免放入过多文字或非常细的线条。
发布前检查
- 切换浅色与深色预览，检查 Logo、按钮与文字对比。
- 切换手机预览，检查标题是否过长、按钮是否容易点击。
- 检查同一类按钮、卡片与标题是否使用一致风格。
- 完成后从“发布”更新公开网站。
小技巧
- 没有品牌指南时，先选一个品牌主色、一组字体方向、一种密度和一种圆角，不要同时使用很多风格。
- 用真实手机查看，不只看桌面屏幕；小字和低对比在手机上更容易出问题。
- 想要有质感，不需要加更多颜色；留白、一致性和清晰的层级通常更重要。
常见问题
可以。品牌色是全站设置，改动会影响使用该设置的按钮、链接与视觉元素。改完后请检查所有页面，特别是文字对比和图片上的按钮。
目前不支持。请从平台提供、且已依语言支持范围筛选的字体中选择；您仍可为英文、繁体中文、简体中文、日文和韩文分别设置字体。
深色或浅色模式本身不会直接决定搜索排名。真正重要的是内容是否可读、页面是否有正确标题与描述，以及公开网站能否正常加载。
目前这些是全站共享设置。若要让特定页面有不同重点，请用该页的图片、文案和模块安排来创造差异。
它是显示在品牌色背景上的文字或图标颜色。系统会预设选择容易阅读的黑色或白色；若您的品牌规范有需要，也可自行覆盖并检查对比提示。