设置颜色、字体和布局
在“站点设计”标签页中一次性设置店铺的颜色、字体、文字大小和圆角，所有页面同时生效。
站点设计包含让您的整个店铺看起来像同一个品牌的各项设置：颜色、字体、文字大小和圆角。每项只需设置一次，所有页面都会跟随。需要时，单个区块仍然可以覆盖这些设置。
打开站点设计
- 打开编辑器。参见编辑器概览。
- 在右侧的设置面板中，点击站点设计标签页。
- 点击一个标题将其展开：品牌标识、配色、文字排版或布局。
更改会立即显示在页面上，并自动保存。您的线上店铺要在您发布之后才会更新。
配色
打开配色，可以看到构成每个页面的七种颜色。
- 强调色：店铺的主色。按钮和链接使用它。
- 强调色上的文字：位于强调色之上的文字的颜色，例如按钮上的文字。
- 页面背景：页面背后的颜色。
- 卡片底色：卡片和面板的颜色，例如商品卡片和表单框。
- 文字：标题和其他主要文字的颜色。
- 次要文字：用于段落文字、说明和小字的较淡颜色。
- 边框：细线和轮廓线的颜色。
选择颜色
- 点击一个颜色框。
- 在打开的取色器中，可以进行以下任一操作：
- 在大方块中点击或拖动，设置颜色的明暗和浓淡，拖动其下方的色条来改变颜色本身。
- 在输入框中输入或粘贴十六进制色值，例如
#2B2622。 - 点击主题配色下的色块来重复使用已有的颜色，或点击最近使用下的色块来使用您最近选过的颜色。
- 点击取色器之外的任何位置，或按 Esc，即可将其关闭。
检查文字是否易读
在这七种颜色下方，Payly 会检查每种文字颜色在其背景色上是否清晰易读。如果一切正常，您会看到每一组颜色搭配都清晰易读。如果某组搭配太淡，列表会指出它，显示其对比度和所需的对比度，并提供修正按钮，自动为您调整文字颜色。
Payly 不会阻止您选择对比度低的搭配，但浅灰色文字配浅色背景很难阅读，尤其是在阳光下看手机时。
文字排版
打开文字排版来选择字体和文字大小。
- 正文字体：段落、菜单和按钮使用的字体。
- 基础字号：普通文字的大小。
- 正文行高：文字行与行之间的间距。数字越大，间距越宽。
- 标题字体：标题使用的字体。选择使用站点字体，则标题也使用正文字体。
- 标题字号：以百分比的形式放大或缩小所有标题。
- 标题字重：标题的粗细程度。
- 标题字间距：收紧或放宽标题字母之间的间距。
选择字体
- 点击正文字体或标题字体框。
- 滚动列表，每个名称都以自己的字体显示。顶部的推荐分组包含适合大多数店铺的字体。
- 要按名称查找字体，请在搜索字体…中输入。
- 点击一个字体即可使用。
该列表涵盖整个 Google 字体库。您发布时，所用的字体会随店铺一起发布。如果列表中没有某个字体，请在搜索框中输入它在 Google 字体中的准确名称，并在仍然使用下选择它。
布局
打开布局，有两项设置：
- 圆角设置按钮、卡片和图片的圆角有多圆。滑到 0 是直角，向右滑则越圆润。自身圆角为自动的区块会跟随这项设置。
- 文字方向对大多数语言是从左到右。从右到左会为阿拉伯语、希伯来语、波斯语和乌尔都语翻转整个布局。
品牌标识
打开品牌标识来设置浏览器图标，也就是显示在浏览器标签页上的小图片。请使用简单的标志，而不是完整的 Logo，因为它只会以大约 16 像素显示。点击上传图片或浏览已上传图片，方法参见添加图片并使用媒体库。如果留空，则会使用您的 Logo。
您的 Logo 不在这里设置。它位于页眉中，在它出现的地方设置。参见自定义页眉和页脚。
只修改一个区块
每个文本区块、标题和按钮都可以覆盖站点的字体、大小和颜色。选中该区块，打开它的文字排版或外观分组。参见编辑文字、标题和按钮。
提示：如果您想要完全不同的外观，可以从现成的设计重新开始。参见切换到其他站点设计。