设计：颜色、背景和字体

在构建器的“主题”标签页中，你可以设置整个页面的外观：颜色、背景、按钮形状和字体。除自定义 CSS 外，所有更改都会在约 2 秒后自动保存到草稿，并在下次发布时上线。

该标签页从上到下依次是：“模板”、“预设”、“颜色”、“背景”、“内容背后的底面”、“按钮样式”、“字体”和“自定义 CSS”。模板有单独的文章介绍。

#预设

预设是现成的配色组合。点击一次即可同时设置背景颜色、文字颜色、按钮颜色和按钮样式，并重置你自定义的按钮文字颜色。共有 16 个预设：经典、午夜、港湾、海洋、森林、日落、玫瑰、石板、黑白、霜、薰衣草、琥珀、炭灰、薄荷、绯红和沙色。只要你没有修改这四个值中的任何一个，当前预设就会一直处于标记状态。

#颜色

四种基础颜色，每种都有取色器和十六进制值（不支持透明度）：

“背景”

页面的背景颜色；背景类型为“颜色”时也使用它。

“文字颜色”

名称、简介和文字所用的颜色。

“按钮颜色”

链接按钮的颜色，也是模块中按钮的默认颜色。

“按钮文字”

按钮上的文字。未单独设置时，会自动选择一种在按钮颜色上清晰易读的颜色。

显示的值始终是当前生效的值，即使它来自模板。许多模块在“显示选项”下有自己的颜色字段。只要这些字段显示“默认（来自主题）”，它们就会跟随这里的颜色。

#背景

“颜色”、“图片”、“渐变”和“视频”按钮用于设置页面背景的类型。切换时，只要你还留在构建器中，构建器就会记住其他类型的值。

颜色

页面使用“颜色”部分中的“背景”颜色。

图片

“桌面端图片”

大屏幕的背景，1920 × 1080 px。

“移动端图片”

可选，竖版 1080 × 1920 px。留空时显示“与桌面端相同”，并使用桌面端图片。

“选择”会打开你的素材，“管理 ↗”会打开素材页面，“移除”会去掉图片。如果图片不是目标尺寸，会打开裁剪工具，裁剪后的图片会保存为新的素材。详见图片：头像、页眉和背景。

渐变

“起始颜色”和“结束颜色”

渐变的两种颜色。

“角度”

方向，范围 0 到 355 度，步长为 5。

“预设”

现成的渐变：靛蓝、日落、海洋、森林、浆果和午夜。

视频

“桌面端视频”

视频文件（.mp4 或 .webm）的直接链接，或者用“选择视频”从视频素材中选取。

“移动端视频”

可选，例如为移动数据准备的较小文件。留空时使用桌面端视频。

视频静音循环播放，没有控制条。如果访客在系统设置中开启了减少动态效果，视频会被隐藏。建议使用不超过 8 MB 的 MP4 或 WebM 文件。

遮罩不透明度

对于图片、渐变和视频，一个 0 到 80% 的滑块会在背景上叠加一层暗色遮罩，让文字更容易阅读。

由图片、渐变或视频构成的页面背景会取代模板的背景图片，模板的图片位置会显示相应提示。选择“颜色”后，模板图片会重新显示。

#内容背后的底面

让文字在背景图片、渐变或视频上保持清晰：

“关闭”

没有底面；内容直接位于背景上。

“整个内容”

所有内容后面一张卡片。

“每个模块”

个人资料和每个模块后面各一张卡片。

“不透明”或“半透明”

开启底面后出现。半透明会让背景透出来。

此设置对 Business Card 模板无效。

#按钮样式

按钮样式是默认值。你可以在“链接”模块中以及针对单个链接覆盖它（两处都是“圆角”）。

#字体

可选字体有 DM Sans、Figtree、Sora、Plus Jakarta Sans、Raleway、Inter、Poppins、Montserrat、Nunito、Outfit、Space Grotesk 以及“系统默认”（设备自带的字体）。“Aa — 敏捷的棕色狐狸。”这一行会显示预览。

LinkHarbor 自行托管所有字体。访客的浏览器不会为此从 Google Fonts 或其他第三方服务器加载任何内容。

#哪个设置优先

颜色和形状从外到内逐层细化：

1. 模板：基本风格和默认颜色
2. “主题”标签页：整个页面的颜色、背景、按钮样式和字体
3. 模块的显示选项：该模块的颜色和形状
4. 单个链接的样式：优先于其他所有值
5. 自定义 CSS：用于控件无法实现的一切

如何用自己的 CSS 进行微调，请参阅为你的页面添加自定义 CSS。