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

Atelier 模板——完整指南

Atelier 是 Fotify 模板库中的首个超高端模板。它以真实世界的凸版印刷(letterpress)请柬套系为灵感——想想 Bella Figura、Smock、La Tavola——在每个部分都融入编辑风格的排版、烫箔点缀,以及杂志化的版式语言。

本指南将介绍 Atelier 的整体观感、它独有的自定义选项、如何在你的活动中解锁它,以及它会如何为请柬的每个版块带来专属的精制呈现。

如需了解标准模板库与选择器 UI 的概览,请参阅如何自定义你的 RSVP 请柬

Atelier 有何不同

标准模板通过 CSS 变量来控制颜色、字体与效果——它们共享同一套底层布局。Atelier 则不同:它会用手工打造的编辑式呈现替换整套版块布局,自带自托管字体,并提供超出标准颜色与字体控制之外的、模板专属的自定义选项。

标志性设计元素

  • 烫箔衬线字体排版 —— 展示级标题使用 Playfair Display,正文使用 EB Garamond
  • 编辑式封面 —— 44/56 分栏:左侧为索引栏(烫箔字母组合徽章、斜体眉题、展示衬线的主办方姓名、装饰分隔、日期压印、场地题注),右侧为烫箔边框照片,并带有 "Réponse s'il vous plaît" 的题尾标识(colophon)
  • 罗马数字侧边索引 —— 桌面端右侧的粘性章节索引,会高亮当前正在浏览的版块
  • 杂志风格版块 —— 交替的双页 Story 跨页、罗马数字式 Gifts 礼物登记、雕刻风的周末 Itinerary 日程、带拉引式引用的 Dress code 着装要求与夹页式住宿卡片、雕刻风 Countdown 计时器徽章、杂志网格 Gallery 相册
  • 版块间装饰分隔 —— 三套手工编写的 SVG(植物、天体、古典)可切换
  • 全局烫箔描边按钮 —— 添加到日历、RSVP 提交、礼物复制按钮统一采用 Atelier 的凸版质感
  • 凸版回复卡 —— RSVP 版块渲染为带烫箔边框的纸张替代卡片,带 8px 偏移阴影、字母组合冠饰,以及斜体 "Réponse s'il vous plaît" 标题

何时选择 Atelier

Atelier 专为“请柬本身也是体验的一部分”的活动打造:

  • 编辑风婚礼套系 —— 正式或半正式婚礼,宾客会认真阅读请柬,而非匆匆一瞥
  • 黑领结晚宴与募捐活动 —— 炭黑纸张上的金/银烫箔呈现尤为出色
  • 周年纪念晚宴 —— 重要里程碑(25、50 年)很适合雕刻风日程与 Story 时间线
  • 品牌发布与画廊开幕 —— 杂志跨页式 Gallery + 编辑封面营造出版物级质感
  • 重要生日 —— 尤其适合搭配封面邀请语 "are turning 50" 与自定义字母组合

它不太适合休闲派对、儿童活动,以及任何希望视觉语言更偏俏皮而非克制精致的场景。

将 Atelier 应用于你的活动

  1. 前往你的活动仪表板:dashboard.fotify.app
  2. 选择你的活动,打开 RSVP 侧边栏标签,然后进入 Invitation 子标签
  3. 滚动到 "Design Template",在底部找到 Premium 画廊(带 "Beta" 标签的金色条带)
  4. 点击 Atelier 卡片以应用

预览会立刻更新——整份请柬将全面切换为 Atelier 主题。

Premium 权益

Atelier 为高级模板,应用它需要活动具备相应权益:

  • 付费活动(活动类型带有 credit 成本的活动)→ Atelier 自动解锁
  • 订阅活动(账户订阅处于有效状态)→ Atelier 自动解锁
  • 无订阅的免费活动 → Atelier 会在选择器中显示为 带锁的覆盖层,并通过提示说明所需条件

权益校验同时在选择器 UI(无法选择被锁定的高级模板)与服务器端执行(在无权益活动上直接尝试保存 Atelier 会被拒绝)。升级活动或开通订阅即可解锁。

Atelier 专属自定义

Atelier 在选择器的 "Customize" 面板中提供自己的自定义选项——与标准的颜色与字体控制分开。选择 Atelier 后,展开 "Customize",即可找到 "Atelier Premium" 区块:

选项控制内容
Monogram最多 4 个字符——通常为主办方首字母(例如 "A&F")。会显示在封面、RSVP 回复卡与页脚。
Cover invitation line封面姓名上方的斜体眉题——例如 "are getting married"、"invite you to a black-tie gala"、"are turning 50"、"celebrate 25 years together"。留空即可隐藏。
Foil color金色、玫瑰金、银色、铜色或古董黄铜色。会驱动整套模板的所有烫箔点缀——边框、分隔、按钮、装饰、悬停状态。
Paper tone奶油色、象牙白、腮红粉、鼠尾草绿或炭黑色。炭黑色为深色变体(近黑纸张上的奶油色文字)。
Ornament set植物(藤蔓花饰)、天体(星芒)、古典(印刷装饰花)。用于版块分隔及字母组合周围。
Monogram frame交织首字母、堆叠方块或徽章边框。
Show side index (desktop)切换是否显示右侧的粘性罗马数字章节索引。

所有更改都会立即生效。你可以在自定义面板中实时切换烫箔颜色与纸张色调,找到最适合你活动的组合——你每次选择都会让整套模板随之重新着色与呈现。

推荐的烫箔 + 纸张组合

组合氛围
Gold + Cream经典婚礼套系。默认选项。
Rose gold + Ivory浪漫且现代。
Silver + Charcoal黑领结晚宴、募捐活动、品牌发布。
Copper + Sage质朴编辑风、花园派对的正式感。
Antique brass + Blush复古感,适合重要生日或周年纪念。

Atelier 版块布局

Atelier 会以专属的编辑式呈现替换默认版块布局。每个版块都会取代标准套件版本——你无需进行任何额外操作,选择 Atelier 的那一刻就会自动启用。

Cover(替换标准 Hero)

编辑式封面是页面的视觉主角。它采用 44/56 分栏:左侧为索引栏(字母组合徽章、斜体眉题、展示衬线姓名、装饰分隔、日期压印、场地题注),右侧为烫箔边框照片。索引栏左侧边缘有一条竖向烫箔细线——模拟凸版卡片的“纸张边缘”。

封面会完全取代标准 Hero;例如文本位置、导航栏样式等设置不适用于 Atelier 的封面。

Message

组织者的邀请函 HTML 会以 EB Garamond 1.2rem 渲染,并在第一段落使用烫箔 首字下沉(drop cap)(5.5rem 的 Playfair Display)。标题(h1–h6)采用编辑式字号,列表使用烫箔项目符号,有序列表使用罗马数字计数器,引用块带烫箔左侧竖线,链接带烫箔下划线。版块末尾以烫箔装饰收尾。

Countdown

每个单位(天、小时、分钟、秒)由四个雕刻风 徽章(cartouches) 组成——Playfair Display 的烫箔数字,上下为发丝般的烫箔细边,且在上下方居中带刻度标记。计时到零 → 显示你完成后的信息,样式为斜体烫箔。

Gallery(carousel)

不再是滑块,而是杂志跨页:第一张照片以 16:9 的“定场镜头”呈现并带极细烫箔边框,其余照片在下方以 2 列或 3 列网格流入排列,同样使用烫箔边框。建议使用 4–6 张照片以获得最佳布局。

Story

每个里程碑以交替的双栏跨页呈现——先左图右文,再左文右图。照片带极细烫箔边框。章节日期以烫箔斜体、加字距的大写形式置于上方,其下为衬线章节标题与 EB Garamond 描述。

Venue(location)

双栏“雕刻地图板”:一侧为烫箔边框的地图 iframe,另一侧为斜体场地卡片(Playfair Display 地址、"Directions" 小标题,以及你填写的任何路线说明)。

Itinerary

雕刻风周末节目单。每一天都有一个日期标题,悬浮在发丝般的烫箔细线上(日期标签置于纸张替代色条中,让细线从其后方穿过)。条目以行形式渲染:左侧为烫箔斜体时间列、一个小烫箔圆点,以及衬线活动标题(搭配斜体地点)与可选的烫箔细线备注。

Gifts

三个子版块(Registries / Monetary gifts / Charity)以烫箔装饰分隔。每个子版块均为同一行格式:左侧为 Playfair 斜体罗马数字(I、II、III…),中间为 Playfair 标题与斜体描述,右侧为烫箔描边的外链或复制按钮。

Details(event details)

  • Dress code 以拉引式引用呈现,配烫箔引号;如果你添加了颜色,也会显示圆形色卡
  • Accommodation夹页式卡片(tipped-in cards) 呈现——纸卡带 4px 的烫箔阴影偏移(凸版质感)、Playfair 酒店名称、斜体元信息行;如设置了 promo code,则显示金色印章
  • Transportation 为烫箔边框行,搭配斜体烫箔元信息
  • FAQs 为衬线问答列表,问题带烫箔细线

Save the Date(calendar)

三个统一的烫箔描边按钮(Google Calendar、Apple/iCal、Outlook)——斜体大写衬线标签,并具备恰当的悬停对比度。会替换默认的品牌风格标签。

RSVP

回复卡使用纸张替代底色,带 0.75px 烫箔边框与 8px 偏移阴影。顶部为字母组合冠饰,斜体眉题 "The favour of a reply is requested",以及烫箔斜体标题 "Réponse s'il vous plaît"。卡片内的标准 RSVP 表单使用仅下划线的输入框、斜体大写标签、烫箔描边的接受/拒绝按钮,以及与其他位置一致的烫箔描边提交按钮。

Footer

烫箔细线题尾区,带字母组合,然后是一行斜体大写的压印文字:{event date} · {venue}。无 Fotify 品牌露出(Atelier 设计上仅限 Premium)。

继承 Atelier 主题的版块

未被 Atelier 专门重写布局的版块,会通过一层“抛光”样式自动继承 Atelier 的烫箔衬线主题——衬线排版、零圆角表面、烫箔点缀、无阴影、烫箔描边按钮。它们无需专属布局也能保持一致的品牌感:

  • Photo gallery / upload section(启用宾客上传时)
  • QR code section —— 二维码会被包裹在带烫箔边框的纸卡中
  • Table assignment section
  • Custom sections (1 to 5) —— 你的富文本内容会获得编辑式标题字号、列表烫箔项目符号、引用烫箔线、链接烫箔下划线

你在 Message 版块或自定义版块的 HTML embed 中编写的自定义 HTML,也会自动应用同样的抛光样式——h1–h6 字号、烫箔项目符号、烫箔引用线、烫箔链接下划线。

Beta 状态

Atelier 当前处于 Beta。设计对真实活动而言功能完整且稳定——RSVP 提交、照片上传、礼物、日程等所有标准数据流与标准模板完全一致。你的真实婚礼或晚宴不会因此“翻车”。

Beta 标签表示我们仍在根据客户反馈打磨视觉细节——例如特定纸张色调下的排版细微差异、边缘设备上的布局润色、以及封面题尾文案等措辞选择。如果你发现任何需要改进之处,请给我们留言,我们会在下一次迭代中处理。

接下来将推出

下一轮迭代计划推出更多高级模板:电影感(以动效为主导的片头卡、滚动吸附章节)、手写风(可展开信件式封面与蜡封字母组合)等。它们发布后会出现在选择器的 Premium 画廊中。

常见问题

Q: Atelier 与使用自定义颜色的标准模板有什么不同? A: 标准模板共享相同的底层版块布局——不同之处在于颜色、字体与效果。Atelier 替换的是版块布局本身:编辑式封面、杂志化 Story 跨页、雕刻风 Countdown 徽章、凸版回复卡、烫箔描边的日历按钮、杂志网格的 Gallery。它还自带字体(Playfair Display + EB Garamond),并提供标准模板库没有的 7 项模板专属自定义选项。

Q: 如何在我的活动中解锁 Atelier? A: Atelier 需要付费活动 credit(活动类型中带有 credit 成本的活动)或有效订阅。无订阅的免费活动会在选择器中看到带锁覆盖层的 Atelier。一旦你的活动已付费或账户订阅处于有效状态,Atelier 就会变为可选择。

Q: 我的数据会像标准模板一样正常工作吗? A: 会的。Atelier 读取与标准模板相同的请柬数据——活动名称、日期、照片、Story 里程碑、礼物、日程、活动详情、RSVP 自定义字段等,无需迁移即可在 Atelier 的专属布局中呈现。你也可以随时切回标准模板,所有数据都会保持不变。

Q: 宾客已经看过请柬后,我还能更改烫箔颜色和纸张色调吗? A: 可以——所有自定义选项都可随时更改。宾客在你更改之后再查看请柬时,会看到更新后的配色。已有 RSVP 不受影响;你只是在调整视觉主题。

Q: 为什么我的预览里封面邀请语是空白的? A: 封面邀请语("are getting married"、"invite you to a gala" 等)默认是空的。请打开 Customize → Atelier Premium → Cover invitation line,并输入适合你活动的文字。留空即可完全隐藏该斜体眉题。

Q: 我的字母组合显示了错误的首字母。 A: 当你未设置 Monogram 时,Atelier 会根据活动名称自动推导字母组合——它会尝试匹配类似 "Alice & Bob" 的模式,并提取每个名字的首字母。如需覆盖,请打开 Customize → Atelier Premium → Monogram,输入你想要的最多 4 个字符。新值会立即显示在封面、RSVP 卡片与页脚。

Q: 我也可以在报名表页面使用 Atelier 吗(forms-mode signup)? A: 可以。启用 forms-mode 后,公开报名页面 fotify.app/r/{code} 会使用相同的模板管线。Atelier 的编辑式封面、侧边索引、烫箔主题版块与回复卡式 RSVP 表单,都会在报名页面上以与个人请柬完全一致的方式渲染。

Q: 选择 Atelier 后,标准 Hero 设置(文本位置、导航栏样式等)会怎样? A: Atelier 用自己的编辑式封面替换了标准 Hero,因此文本位置、Hero 高度、遮罩不透明度与导航栏样式等设置不适用。Atelier 的自定义选项(字母组合、烫箔颜色、纸张色调、封面邀请语)将接管。

Q: 侧边索引会一直显示吗? A: 它只会在桌面端 1100px 及以上宽度显示——在平板与手机上会隐藏,以便布局更舒展。你也可以在 Customize → Atelier Premium 中通过 "Show side index (desktop)" 开关完全关闭。

Q: 我想要更暗、更偏黑领结的感觉——该怎么选? A: 试试 paperTone: charcoal 搭配 foilColor: silverfoilColor: gold。炭黑底上的奶油色文字 + 银/金烫箔,会呈现正式晚宴 / 黑领结活动的气质。再搭配 ornamentSet: classical,整体会更庄重。

Q: 未来会加入更多高级模板吗? A: 会的——高级模板是我们正在持续开发的方向。电影感、手写风以及其他方向都在计划中。选择器的 Premium 画廊中会显示一张 "More designs in flight" 的占位卡片,用于预告后续内容。

这篇文章对您有帮助吗?

相关文章