9 min 阅读intermediate最后更新: 2026年5月11日

Marigold 模板 — 完整指南

Marigold 是 Fotify 模板库中的第三款超高端模板。 Atelier 汲取了凸版印刷文具的灵感,而 Cinematic 则借鉴电影海报风格;Marigold 取材于 1970 年代的婚礼杂志 —— 温润的奶油色纸张、深酒红色墨水、紧凑的板状衬线标题、斜体正文,以及标志性的手绘线稿插画。

本指南将介绍 Marigold 的视觉呈现、它独有的可定制选项、如何在你的活动中解锁启用,以及它如何为邀请函的每个区块提供定制化的版式处理。

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

Marigold 有何不同

标准模板通过 CSS 变量控制颜色、字体与效果——它们共享同一套底层布局。Marigold 则不同:它会用手工打造的编辑式排版处理替换整段区块布局,自带专属字体排印(DM Serif Display + Lora),并提供超出标准颜色与字体控制之外的、模板专用的可定制选项。

标志性设计元素

  • 漂浮的奶油色卡片封面 — 全幅(full-bleed)的活动抓拍照片,上方居中叠放一张奶油色纸卡,承载标题(“It's Our Wedding Day”)、手绘线稿插画、日期 / 场地、斜体正文,以及一个 RSVP 药丸按钮
  • 手绘线稿插画 — 四种图案(香槟杯、婚戒、复古车、花环)会同时出现在封面卡片与结束页页脚中。可在自定义面板中配置。
  • 紧凑的板状衬线展示字体 — 所有标题使用 DM Serif Display;温暖且具编辑感,带有 1970 年代婚礼杂志的气质
  • Lora 斜体正文 — 温暖的人文衬线字体,具备出色的斜体表现,适合标语与备注
  • 奶油纸与墨色的交替 — 大多数区块渲染在奶油纸背景上;Gifts 与 Countdown 区块会反转为深色墨带(酒红 / 橄榄绿 / 陶土色 / 海军蓝),打破节奏
  • 跑马灯式区块标题 — 可选的重复横幅(“GIFTS & WISHES 🎀 GIFTS & WISHES 🎀”),水平滚动,每次重复之间以手绘蝴蝶结装饰分隔。带来强烈的杂志编辑感。
  • 到处都是药丸按钮 — 圆角药丸形 CTA(奶油/墨色描边,悬停时反转为实心)替代标准的品牌日历芯片与 RSVP 提交按钮
  • 柔和暖色阴影 — 卡片与图块投下细腻的暖色阴影(与墨色匹配),增加层次又不破坏印刷质感
  • 视差摄影 — 首屏背景与 Story 跨页照片使用电影式视差(background-attachment: fixed);当封面滚动经过时,图片仍锚定在视口上
  • 结束卡片页脚 — 三栏页脚:中间为手绘插画 + 字母组合标识(monogram),左侧为活动信息,右侧为仪式信息,整体置于反转的墨色带上

何时选择 Marigold

Marigold 适用于温暖、波西米亚气质与优雅同等重要的活动场景:

  • 现代婚礼 — 尤其是花园婚礼、葡萄园婚礼、山地或湖畔婚礼;当你希望页面更像 1970 年代胶片质感的婚礼记录,而不是正式文具
  • 誓言续约 — 其庆祝感与“生活感”非常适合周年与续约仪式
  • 小型婚礼(≤80 位宾客) — 漂浮卡片的亲密尺度,比 Cinematic 的戏剧性海报感更温柔
  • 周年派对与重要里程碑庆祝 — Story 区块可变成 “From One Message to a Lifetime”,非常适合 10/25/50 周年的时间线
  • 订婚派对 — 随性但依旧优雅
  • 新娘送礼派对与花园聚会 — 奶油与酒红配色、以及花环插画很适合园艺主题的聚会
  • 餐厅开业、画廊开幕、工作室(atelier)发布 — 任何具有强烈创意/编辑审美的场合

它不太适合极其正式的黑领结晚宴(需要凸版印刷的正式感可用 Atelier)、现代企业活动(用 Cinematic),或你希望完全传统文具风格的活动(用 Atelier)。

将 Marigold 应用于你的活动

  1. 打开活动仪表板的 Customize 选项卡
  2. 向下滚动,越过标准模板画廊,到底部的 Premium 区域
  3. 点击 Marigold 卡片
  4. 选择器会显示自定义面板 — 设置各项参数(见下文)
  5. 保存

你可以随时切回标准模板,这不会造成破坏性变更;你的活动内容将保持与你输入时完全一致。Premium 专属选项会单独存储,因此你之后再切回 Marigold 时,相关设置仍会保留。

Note: Marigold 与 AtelierCinematic 一样处于 beta。我们将在后续版本中推出更多 premium 模板。

Premium 权限(谁可以使用 Marigold)

Marigold 是 premium 级模板,仅可在拥有付费权限的活动中保存:

  • 付费(消耗 credits)活动 — 使用你的活动 credits 的活动会自动获得权限
  • 订阅活动(订阅处于有效期) — 处于有效期或宽限期的订阅下的活动具备权限
  • 免费活动 — 选择器会显示 Marigold 为锁定状态并提示升级;你可以浏览,但服务器会拒绝保存并返回 403

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

自定义选项

Marigold 在 Fotify 标准的颜色 + 字体控制之外,额外提供 7 个模板专属选项。

1. Monogram

最多 4 个字符——通常是主办方首字母(例如 “C&R”)。会在结尾页脚卡片中以居中、展示级字号显示。

2. 封面标题

漂浮封面卡片上的三行标题。留空则使用默认的 “It's Our Wedding Day”。对于非婚礼活动,可设置为 “Anna Turns Fifty” 或 “Welcome to the Atelier Opening” 等。

3. 封面标语

封面卡片右上角的小号斜体文字。示例:“Camille & Rowan are getting married”、“Anna turns 50”、“Welcome to the atelier opening”、“A summer to remember”。

4. 配色方案

奶油色 + 深色强调色。共四种方案:

  • Burgundy & Cream(默认)— 经典的 1970 年代婚礼杂志风
  • Olive & Bone — 花园 / 乡野 / 秋季
  • Terracotta & Sand — 地中海 / 夏季 / 低饱和玫瑰调
  • Ink & Linen — 现代编辑风 / 极简 / 中性

5. 插画图案

封面卡片与结束页脚中展示的手绘线稿插画:

  • Cheers — 两只碰杯的香槟杯
  • Vows — 两枚相扣的婚戒
  • Journey — 复古敞篷车,“JUST MARRIED” 横幅,车后系着罐子
  • Bloom — 由八朵花组成的圆形花环

6. 封面卡片位置

漂浮的奶油色卡片在主视觉照片上的位置:

  • Center(默认)— 读感像海报,构图平衡
  • Left — 右侧能看到更多照片内容
  • Right — 左侧能看到更多照片内容

7. 跑马灯式区块标题

用于主要区块的重复跑马灯带(“GIFTS & WISHES 🎀 GIFTS & WISHES 🎀”)开关。默认开启。将封面的编辑戏剧感延伸到区块分隔中。

各区块的呈现方式

Cover

Marigold 封面会完全替换标准页头。它以全幅活动照片渲染,并带有电影式视差(滚动时照片仍锚定在视口上),然后在其上叠放一张漂浮的奶油色纸卡,包含:

  • 右上角:标语(Lora 斜体)
  • 中部:标题(DM Serif Display,3 行,使用墨色)
  • 中部:手绘插画(你选择的图案)
  • 中部:副标题行(“Ceremony & Reception, Late Afternoon”)+ 日期 / 场地(Lora 粗体
  • 中部:斜体正文
  • 中部:RSVP 药丸按钮(实心墨色)

卡片位置可配置。如未设置活动照片,封面将渲染为柔和的渐变背景。

Story

每个里程碑都会成为一个双栏跨页——一侧为 4:5 竖幅照片,另一侧为奶油色卡片,包含章节眉题、斜体日期、DM Serif Display 标题与 Lora 正文。跨页左右交替排列以形成节奏。照片带有电影式视差。

Countdown

渲染在反转的墨色带上,并配以柔和的奶油色图块。每个单位(Days / Hours / Minutes / Seconds)都有一张圆角纸质图块,上方为 DM Serif Display 数值,下方为 Lora 斜体小型大写标签。

RSVP

居中的奶油色纸卡,含 “Kindly send your reply” 斜体眉题、以斜体正文显示截止日期,然后将标准 RSVP 表单换肤为 Marigold 风格(发丝线下划线输入框、悬停反转的药丸提交按钮)。

Gallery (Carousel)

一个复古相册——无齿孔风格的网格:先是 16:9 主图,再是 3 列的附加照片网格。每张图片都会应用暖色滤镜(轻微降低饱和度 + 提升对比度),并带有 “PHOTO N° 03” 斜体说明。

Location

一张建立镜头式板块:地图渲染在带发丝线边框的卡片内,旁边是一张奶油色卡片,包含 “WHERE WE GATHER” 眉题、DM Serif Display 地址,以及路线说明区块。

Save the Date (Calendar)

三个药丸按钮(Google / Apple / Outlook),均为墨色描边样式。悬停时反转为实心。

Itinerary

一个**周末行程(programme)**式日程表——每一天都有 DM Serif Display 的日期标题,随后是事件列表:左侧为 1.5rem 的展示级时间,右侧为事件标题 + 地点 + 备注。行与行之间用发丝线分隔。

Gifts

渲染在反转的墨色带上,并在启用时显示 “GIFTS & WISHES 🎀 GIFTS & WISHES 🎀” 跑马灯标题。三块内容(Registries / Monetary / Charity)以奶油色卡片呈现,并配有纸感的 PillButton CTA。

Event Details

**制作笔记(production notes)**式堆叠——着装要求以居中斜体引语形式呈现,并夹在发丝线之间。住宿信息以圆角、暖色阴影的柔和奶油卡片呈现。交通信息以通告(call-sheet)行样式呈现。FAQ 以脚本风格 Q & A 显示,答案为斜体并在左侧发丝线规则下缩进。

Message

主办方的邀请文案以 “A Word from the Hosts” 小型大写眉题呈现,并在第一段长段落(≥80 个字符且以字母开头)使用 DM Serif Display 的首字下沉(drop-cap)。正文为 Lora。

Closing card footer

反转墨色背景上的三栏收尾横带

  • 左: “EVENT DETAILS” 眉题 + 日期 + 地点
  • 中:手绘插画 + monogram
  • 右: “CEREMONY & RECEPTION” 眉题 + 场地 + 宴会详情
  • 下方:纸面置于墨色之上的 “RSVP” PillButton

继承呈现的区块(不会获得专属布局)

有些区块仍通过默认组件库渲染,并继承 Marigold 的“润色层”:

  • Photo Upload — 药丸样式上传按钮、发丝线下划线输入框
  • QR Code — 墨色描边的二维码板块
  • Table Assignment — 药丸样式搜索/CTA 按钮
  • Custom sections — DM Serif Display 标题、Lora 正文、发丝线分隔

润色层让它们看起来与模板一致,而无需对布局进行完整重写。

Beta 状态

Marigold 与 AtelierCinematic 一样以 beta 形式发布。其含义是:

  • 可稳定用于生产环境 — 我们已在全部 10 个专属区块与继承区块上完成测试
  • 可能会持续演进 — 我们可能会根据使用数据优化插画集合、增加更多配色,并调整跑马灯速度
  • 更多 premium 模板即将推出 — Riviera(海岸 Art Deco)、Onyx(地下酒吧黑色电影)、Maison(手写水彩)将是下一批

如果你发现任何需要打磨之处,请通过仪表板内的帮助小组件提交反馈。

常见问题

Q: 我可以将 Marigold 用于非婚礼活动吗? A: 可以——将 Cover Headline 设置为你的活动标题(“Anna Turns Fifty”),并选择 Bloom 插画图案。眉题/标语相关字段也都可配置。Marigold 适用于誓言续约、重要生日、周年纪念与小型派对。

Q: 视差效果在手机上也能用吗? A: 在触控设备以及视口宽度小于 900px 时会自动禁用(iOS Safari 历史上对固定背景的支持不稳定)。在移动端,照片将以普通滚动行为呈现。

Q: 我可以上传自己的手绘插画吗? A: 在 beta 期间暂不支持。四种图案(Cheers / Vows / Journey / Bloom)为手工绘制的 SVG 线稿,并针对配色方案进行了调校。如果需求足够,我们可能会在未来版本中加入自定义插画上传。

Q: 跑马灯横幅会不会让宾客觉得烦? A: 它会在悬停时暂停(方便宾客阅读)、遵从 prefers-reduced-motion(对请求减少动画的用户完全不播放动画),并且你可以在自定义面板中通过 “Show marquee section headers” 开关将其关闭。

Q: 如何获得温暖的 70 年代照片质感? A: Marigold 会对每张照片应用细微滤镜(降低饱和度 + 提升对比度),以营造 1970 年代胶片相机的温暖感。最佳效果建议使用黄金时段的自然光照片。该滤镜适用于任何照片风格,但较少修饰的抓拍纪实摄影通常会比高度精修的人像更显自然好看。

Q: 我可以使用酒红以外的颜色吗? A: 可以——将 Color Palette 切换为 Olive、Terracotta 或 Ink。每一种都经过手工调校,确保在奶油纸背景上清晰易读,同时保留温暖的波西米亚氛围。

Q: Marigold 支持自定义 RSVP 表单字段吗? A: 支持。你添加的任何自定义字段(文件上传、饮食禁忌、点歌请求等)都会通过润色层自动继承 Marigold 的发丝线下划线输入框样式与药丸提交按钮。

下一步

需要帮助?请通过仪表板内的帮助小组件联系我们。

这篇文章对您有帮助吗?

相关文章