Vesper 模板 — 完整指南

Vesper 是 Fotify 模板库中的第四款超高端模板。Atelier 走的是正式的凸版印刷风格，Cinematic 是电影海报般的戏剧张力，Marigold 则是 1970 年代的波西米亚气质；而 Vesper 是 柔和的当代浪漫 —— 腮红色纸张、斜体的 Cormorant 标题、拱形照片框、菱形装饰，以及拍立得剪贴簿拼贴。

本指南将介绍 Vesper 的视觉呈现、其专属的自定义选项、如何在你的活动中解锁使用，以及它为邀请函各个区块提供的定制化版式处理。

如需了解标准模板库与选择器界面的概览，请参阅 如何自定义你的 RSVP 邀请函。

Vesper 有何不同

标准模板通过 CSS 变量控制颜色、字体与效果——它们共享同一套底层布局。Vesper 则不同：它会用手工打磨的柔和浪漫版式替换整段区块布局，自带排版体系（Cormorant Garamond + Inter），并提供模板专属的自定义选项。

标志性设计元素

• 拱形照片封面 — 三种通过 SVG 裁切的拱形轮廓（哥特 / 圆拱 / 花园拱）。封面照片显示在拱形内部，上方为斜体 Cormorant Garamond 的新人姓名，左右两侧配有 "When / Where" 的并列行。
• 菱形装饰 — 小型实心菱形（♦）装饰出现在区块之间、章节标题周围，以及典礼与宴会时间之间的行内位置。是贯穿整页的标志性编辑细节。
• 引言横幅 — 可选的陶土色横幅位于封面与故事之间，包含一段大号斜体 Cormorant 引言（"Once in a while, love gives us a fairy tale"）。Markdown 风格的星号可将特定词语设为斜体。
• 典礼 / 宴会双联 — 两个大号斜体时间展示（"4 pm" / "6 pm"），以菱形分隔，自动取自行程的前两条条目。
• 拍立得剪贴簿拼贴 — 照片以重叠、略微旋转的拍立得相框呈现，带白色边框与柔和阴影。提供三种布局变体：polaroid / grid / single。
• 柔和粉彩配色 — 四套预调色板，将柔和纸张色与深色浪漫强调色配对：玫瑰+陶土、鼠尾草绿+沙色、天空蓝+靛蓝、薰衣草紫+梅子紫。
• 斜体 Cormorant Garamond 展示字体 — 标志性的“声音”：每个标题、眉题与引言均使用优雅的书法风斜体；正文则由 Inter 承担，保证现代清晰的可读性。
• 胶囊按钮 — 强调色的圆角胶囊 CTA，悬停时反色。用于日历、礼品清单、RSVP 与结尾卡片。
• 影院级视差 — 封面拱形图片与故事跨页照片使用 background-attachment: fixed，使其在滚动时保持相对视口固定。
• 结尾横幅 — 陶土色页脚，含菱形夹持的分隔线、"Hoping to celebrate with you!" 斜体标题，以及“纸张色覆盖强调色”的 RSVP 胶囊按钮。

何时选择 Vesper

Vesper 适用于“柔和浪漫”为主导氛围的活动：

• 教堂婚礼、花园婚礼、葡萄园婚礼 — 哥特拱适合历史场地；圆拱适合现代建筑；花园拱适合户外仪式
• 小型婚礼（≤120 位宾客） — 漂浮的拍立得剪贴簿在较小规模下更显温暖与私人感
• 誓言续约 — 柔和浪漫的气质很适合相伴已久的伴侣
• 订婚派对与新娘派对 — 柔和粉彩与斜体标题在这些相近庆祝场合中同样出彩
• 婚礼纪念日里程碑活动 — 10、25、50 周年等庆祝，你可能会想要比 Atelier 的正式感更柔和的氛围
• 当代情侣 — 拍立得拼贴 + 音乐播放列表的搭配，契合千禧一代与 Z 世代审美
• 同性婚礼、二婚、重组家庭 — 包容性的柔和浪漫氛围不过分偏向传统/正式

它不太适合休闲派对（请使用标准模板）、黑领结晚宴（使用 Atelier）、现代/前卫婚礼（使用 Cinematic），或 70 年代波西米亚审美（使用 Marigold）。

将 Vesper 应用到你的活动

1. 打开活动仪表盘的 Customize 标签页
2. 向下滚动，越过标准模板画廊，找到底部的 Premium 区域
3. 点击 Vesper 卡片
4. 选择器将显示自定义面板 — 设置选项（见下文）
5. 保存

切回标准模板不会破坏现有内容。Vesper 专属的自定义选项会单独存储，因此在切换离开后再切回来，你的设置仍会保留。

Note: Vesper 目前与 Atelier、Cinematic 和 Marigold 一起处于 beta 阶段。

高级权益（谁可以使用 Vesper）

Vesper 是高级层级模板，仅在拥有付费权益的活动中才可保存：

• 付费（扣除点数/额度）活动 — 自动具备使用资格
• 订阅活动且订阅处于有效状态 — 自动具备使用资格
• 免费活动 — 选择器会将 Vesper 显示为锁定状态并提示升级；服务器会以 403 拒绝保存

锁定机制同时在选择器 UI 与服务器端强制执行。

自定义选项

除 Fotify 的标准颜色 + 字体控制外，Vesper 还提供六个模板专属的自定义选项。

1. 封面眉题

位于新人姓名下方的一行小号斜体文字。示例："Invite You To Celebrate Their Wedding"（默认）、"Together with their families"、"Are getting married"、"Are tying the knot"。

2. 引言

显示在封面与故事区块之间的陶土色横幅大引言。使用 星号 将特定词语设为斜体（"Once in a while, love gives us a fairy tale"）。留空则完全不显示引言横幅。

3. 配色方案

柔和纸张色 + 深色强调色。四套配色：

• Rose & Terracotta（默认）— 经典腮红婚礼风
• Sage & Sand — 花园 / 乡村 / 香草花园
• Sky & Indigo — 现代极简 / 海岸风
• Lavender & Plum — 黄昏 / 秋季 / 茄紫调

4. 拱形样式

封面的拱形照片框。三种变体：

• Gothic（默认）— 尖顶教堂拱门；适合教堂婚礼、历史场地、经典石质教堂
• Round — 古典罗马半圆拱；适合现代建筑、门廊、当代场地
• Garden — 柔和圆角拱；适合户外仪式、花园婚礼、花艺拱门

5. 照片拼贴样式

相册照片的排列方式：

• Polaroid（默认）— 旋转叠放的白边照片，剪贴簿氛围
• Grid — 统一的 2 或 3 列网格，更编辑感 / 更干净
• Single — 一张大幅主视觉，极简

6. 显示菱形装饰

切换是否显示区块之间、章节标题周围，以及典礼/宴会时间之间的菱形（♦）装饰。默认开启。关闭后更简洁、更偏极简的视觉感受。

各区块的呈现方式

封面

Vesper 封面会整体替换标准页头：

• 新人姓名 — 斜体 Cormorant Garamond，大号，居中
• 眉题 — 位于姓名下方的斜体 Cormorant 副标题
• 拱形照片 — 居中，带视差（照片相对视口保持固定）
• When / Where — 斜体标签位于拱形两侧，展示日期 / 地点
• 菱形装饰 — 拱形下方的小型实心菱形
• 典礼 / 宴会双联 — 两个斜体时间展示以菱形分隔，取自行程前两条条目

如果未设置活动照片，拱形区域会显示柔和的渐变背景。

引言横幅（可选）

当设置了 pullQuote 选项时，会在封面与区块列表之间渲染一条全宽陶土色横幅。强调色纸张上展示大号斜体 Cormorant Garamond，上下各有菱形分隔线。星号 (*) 包裹的文本将以斜体强调显示。

故事（This Is Us）

菱形装饰 + 斜体 "This Is Us" 标题 + 第一条里程碑描述作为引言，随后展示 照片拼贴（根据你的选项为 polaroid / grid / single）。之后每条里程碑以交替的跨页形式呈现：照片 + 斜体日期 + 斜体 Cormorant 标题 + 正文。

倒计时

菱形 + 斜体章节标题 + 柔和纸张色的分块卡片，块与块之间以菱形装饰分隔。数值使用斜体 Cormorant Garamond，标签使用 Inter 小型大写。

RSVP

页面居中的柔和纸张色卡片。截止日期以斜体显示在标准 RSVP 表单上方（其余通过 polish 重新样式化——细线下划线输入框、胶囊提交按钮）。

相册（Carousel）

按你选择的样式使用照片拼贴基础组件。Polaroid 为重叠剪贴簿风；grid 更具编辑感；single 更极简。

地点

场地拱形照片（与封面拱形样式一致）旁边，是一张柔和纸张色卡片，包含场地地址、嵌入地图与路线信息。地图为细线边框并带圆角。

保存日期（Calendar）

三枚强调色描边的胶囊按钮（Google / Apple / Outlook）。悬停时从描边反转为实心。

行程

斜体 Cormorant 的日期标题（居中）与完整日程列表。每个条目左侧为 Cormorant 展示字体时间，右侧为活动详情。

礼物

强调色反转横幅，内含三张柔和纸张色卡片（Registries / Monetary / Charity）。每张卡片都有斜体标题、正文说明，以及用于外链/复制操作的强调色胶囊按钮。

活动详情

制作笔记式堆叠：着装要求以居中的斜体 Cormorant 引言呈现，夹在细线分隔之间；住宿以柔和纸张卡片呈现；交通为紧凑行；FAQ 为斜体 Q & A，答案左侧细线缩进。

留言

主办方邀请文案以 "A Word from the Hosts" 眉题呈现，第一段较长段落首字使用斜体 Cormorant Garamond 首字下沉（drop-cap）。正文使用 Inter。

结尾横幅

陶土色页脚，含菱形夹持的分隔线、"Hoping to celebrate with you!" 斜体标题，以及一个“纸张色覆盖强调色”的 RSVP 胶囊按钮。

继承呈现的区块（不会获得专属布局）

部分区块仍通过默认组件套件渲染，并继承 Vesper 的 polish 层：

• Photo Upload — 胶囊风格上传按钮、细线下划线输入框
• QR Code — 强调色描边的二维码底板
• Table Assignment — 胶囊风格搜索/CTA 按钮
• Custom sections — 斜体 Cormorant 标题、Inter 正文、柔和卡片

polish 层让它们无需重写整套布局也能保持模板一致性。

Beta 状态

Vesper 目前与 Atelier、Cinematic 和 Marigold 一起以 beta 形式发布。这意味着：

• 可稳定用于正式场景 — 已在全部 10 个专属区块与继承区块中完成测试
• 可能持续演进 — 我们可能会根据使用数据优化拱形轮廓、增加更多配色，并打磨拍立得旋转的节奏感
• 更多高级模板即将推出 — Riviera（海岸艺术装饰风）与 Onyx（地下酒吧黑色电影风）仍在规划路线图中

如果你发现有需要打磨之处，请通过仪表盘内的帮助组件提交反馈。

常见问题

Q: 我可以把 Vesper 用于非婚礼活动吗？ A: 可以——Vesper 的柔和浪漫氛围同样适合周年派对、誓言续约、订婚派对、新娘派对，以及重要的家庭聚会。将封面眉题设置为更贴切的文案即可（如："Celebrating 25 Years"、"Bridal Shower" 等）。

Q: Vesper 和 Marigold 有什么区别？ A: 两者都偏温暖且具编辑感，但 Vesper 是 柔和且当代（腮红色 + 斜体 Cormorant + 拱形照片 + 拍立得），而 Marigold 是 温暖且波西米亚（奶油色 + 紧缩 slab serif + 手绘插画 + 1970 年代杂志感）。Vesper 像 Pinterest 2025；Marigold 像 Vogue 1975。

Q: 拍立得的旋转效果在手机上也能正常显示吗？ A: 可以。在小于 760px 的屏幕上，拍立得会收拢为居中的换行布局，并保持一致的小幅旋转。每张照片仍保留剪贴簿质感，同时避免桌面端那种重叠构图带来的拥挤。

Q: 我可以上传自定义的拱形形状吗？ A: 在 beta 阶段不支持。这三种拱形（gothic / round / garden）是手工调校的 SVG clip-path。我们可能会在未来版本加入自定义拱形上传。

Q: 引言中显示的是星号而不是斜体？ A: Markdown 风格的斜体使用单个星号：*love gives us* 会渲染为 love gives us。请确保每一对星号包裹住你要强调的词语。

Q: Vesper 能配合音频播放器 / 音乐背景使用吗？ A: 可以。Fotify 的标准 BackgroundMusicPlayer 会在包括 Vesper 在内的所有高级模板中保留。只需在活动配置中添加一个 YouTube URL 即可启用。

Q: 我可以关闭菱形装饰吗？ A: 可以——在自定义面板中将 "Show diamond ornaments" 关闭。区块之间、章节标题中以及倒计时分块之间的菱形都会消失，整体视觉会更干净、仍保留柔和浪漫的氛围。

下一步

• 查看 如何自定义你的 RSVP 邀请函，了解选择器 UI 以及如何在你的活动中启用高级模板
• 对比另外三款高级模板：Atelier、Cinematic 和 Marigold
• 高级模板定价请见 pricing page
• 若你正在筹备婚礼，也可以阅读 Fotify 的婚礼照片共享应用

需要帮助？请通过仪表盘内的帮助组件与我们联系。