9 min 阅读intermediate最后更新: 2026年6月4日

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 的标准颜色 + 字体控制之外,额外提供 8 个模板专属调节项。

1. 字母组合(Monogram)

最多 4 个字符——通常为主办方姓名首字母(例如 "C&R")。会显示在结尾的页脚卡片中,作为居中的大号字母组合。

2. 封面主标题(Cover headline)

浮动封面卡片上的三行主标题。留空将使用默认值 "It's Our Wedding Day"。若为非婚礼活动,可设置为类似 "Anna Turns Fifty" 或 "Welcome to the Atelier Opening"。

3. 封面标语(Cover tagline)

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

4. 配色方案(Color palette)

奶油色 + 深色强调。提供四套配色:

  • Burgundy & Cream(默认)— 经典的 1970 年代婚礼杂志风
  • Olive & Bone — 花园 / 乡村 / 秋季
  • Terracotta & Sand — 地中海 / 夏日 / 玫瑰灰粉
  • Ink & Linen — 现代社论 / 极简 / 中性

5. 插画主题(Illustration motif)

手绘线条插画,会显示在封面卡片和结尾页脚中:

  • Cheers — 两只香槟杯碰杯
  • Vows — 两枚交扣的婚戒
  • Journey — 复古敞篷车,带 "JUST MARRIED" 横幅,后方系着罐头
  • Bloom — 圆形花环,含八朵花

6. 封面卡片位置(Cover card position)

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

  • Center(默认)— 更像海报,构图均衡
  • Left — 右侧可见更多照片内容
  • Right — 左侧可见更多照片内容

7. 跑马灯式分区标题(Marquee section headers)

用于主要分区的重复跑马灯条带开关("GIFTS & WISHES 🎀 GIFTS & WISHES 🎀")。默认开启。可将封面中的社论杂志张力延续到分区分隔中。

8. RSVP 分区标题与提示语(RSVP section heading & prompt)

RSVP 分区的标题(默认为 "Will You Join Us")以及回复卡片上的小提示行(默认为 "Kindly send your reply")都可分别覆盖自定义。任一项留空将保留默认值。便于匹配活动的语气或语言——例如德语庆典可将标题设为 "Werden Sie dabei sein",提示语设为 "Bitte senden Sie Ihre Antwort"。

各分区的呈现方式

封面

Marigold 封面会完整替换标准页眉。其呈现为一张全幅活动照片,并带有电影感视差(滚动时照片保持锚定在视口上),其上叠放一张浮动的奶油色纸张卡片,包含:

  • 右上角:标语(Lora 斜体)
  • 居中:主标题(DM Serif Display,3 行,使用墨色)
  • 居中:手绘插画(你选择的主题)
  • 居中:副标题行("Ceremony & Reception")+ 日期 / 场地(Lora 加粗
  • 居中:斜体正文文案
  • 居中:RSVP 胶囊按钮(纯实心墨色)

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

故事(Story)

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

倒计时(Countdown)

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

RSVP

居中的奶油色纸张卡片,包含 "Kindly send your reply" 斜体眉题、截止日期(斜体正文),随后是为 Marigold 重新换肤的标准 RSVP 表单(细线下划线输入框、胶囊提交按钮,悬停时反转)。分区标题与该眉题提示语均可在自定义面板中编辑(见上方自定义调节项)。

相册(轮播)(Gallery (Carousel))

呈现为复古照片相册——无齿孔的网格布局,先是一张 16:9 主图,随后是 3 列网格的补充照片。每张图片都会应用暖色滤镜(轻微降低饱和度 + 提升对比度),并带有 "PHOTO N° 03" 的斜体说明。

位置(Location)

一种建立场景的展示板:地图渲染在带细线边框的卡片内,旁边是一张奶油色卡片,包含 "WHERE WE GATHER" 眉题、DM Serif Display 地址,以及路线说明区块。

保存日期(日历)(Save the Date (Calendar))

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

行程(Itinerary)

一份周末日程——每一天都有 DM Serif Display 的日期标题;其下为活动列表:左侧为 1.5rem 的展示型时间,右侧为活动标题 + 地点 + 备注。行与行之间以细线分隔。

礼物(Gifts)

渲染在反转的墨色条带上,并带有 "GIFTS & WISHES 🎀 GIFTS & WISHES 🎀" 跑马灯标题(启用时)。三个模块(Registries / Monetary / Charity)以奶油色卡片呈现,并配有纸张质感的 PillButton 行动按钮。

活动详情(Event Details)

制作说明式的堆叠布局——着装要求以居中的斜体引用呈现,并夹在细线分隔之间。住宿以柔和奶油色圆角卡片呈现,带暖色阴影。交通以通告单式的行项目呈现。常见问题为脚本风格的问答,答案为斜体,并在左侧细线竖线下缩进显示。

寄语(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 的发丝线下划线输入框样式与药丸提交按钮。

下一步

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

这篇文章对您有帮助吗?

相关文章