Linen 模板 — 完整指南
Linen 是 Fotify 模板库中的第五款超高端模板。Atelier 汲取活版印刷文具灵感,Cinematic 借鉴电影海报,Marigold 参考 1970 年代婚礼杂志,Vesper 则以浪漫的拱形开口为灵感;而 Linen 取材于现代编辑风格时尚杂志——温暖的奶油纸底、黑白摄影、发丝般细的幽灵按钮,以及漂浮在满版照片之上的奶油色卡片。
本指南将介绍 Linen 的视觉呈现、其独有的自定义调节项、如何在你的活动中解锁启用,以及它为邀请函各个版块提供的定制化排版处理。
如需了解标准模板库与模板选择器界面,请参阅如何自定义你的 RSVP 邀请函。
Linen 有哪些不同之处
标准模板通过 CSS 变量来控制颜色、字体与效果——它们共享同一套底层布局。Linen 则不同:它会用手工打造的编辑式排版处理替换整段版块布局,自带排印体系(Italiana + Cormorant Garamond + Inter),并在标准的颜色与字体控制之外,提供模板专属的自定义调节项。
标志性设计元素
- 黑白摄影 — 页面中的每一张照片(封面、故事跨页、相册、地点背景)都会应用可配置的滤镜。默认是灰度 + 轻微提升对比度,让页面拥有统一的编辑风格氛围。可在自定义面板中调整。
- 漂浮奶油色卡片 — RSVP 以奶油色纸张卡片的形式,居中悬浮在满版黑白背景(你的封面照片)之上,呼应时尚编辑跨页中“文字漂浮在摄影之上”的呈现方式
- 发丝线幽灵按钮 — 每个 CTA(主视觉 RSVP、保存到日历、打开礼物清单)都是 1px 墨色描边的矩形透明按钮。悬停时会切换为温暖的纸张替代色背景(从不透明,因此按钮不会“消失”)。
- Italiana 展示字体 — 高挑、纤细、高对比的衬线字体,用于所有标题。婚礼杂志的标志性标题字。
- Cormorant Garamond 正文 — 温暖的人文衬线字体,斜体支持出色,适用于标语、副标题(eyebrow)与主办方说明
- Inter 微排版 — 用于 eyebrow、标签与“保存日期”按钮的小型大写工具型无衬线字体。三套字体,三种角色,清晰不混淆。
- 编辑式极简 — 无跑马灯、无插画、无装饰花纹。页面安静克制。奶油纸底是背景,摄影是戏剧张力,排版是声音。
- 四套暖奶油配色 — Pearl、Sand、Stone、Mocha — 每套将奶油纸底与深墨色配对。不使用宝石色点缀,不使用大胆色块。
- 新人字母组合品牌标记 — 你的名字(例如 "Wei & Jasmine")会以展示字号的 Italiana 出现在底部,同时作为页面的签名/字标(wordmark)
- 收尾带状页脚 — 斜体告别语("Forever, Together")+ 字母组合 + 日期 · 地点 + RSVP 按钮,位于略深的奶油纸张替代色(paper-alt)带状区域上
何时选择 Linen
Linen 专为“低调优雅”与“编辑式摄影”成为视觉中心的活动而设计:
- 现代婚礼 — 尤其适合拥有强纪实摄影风格的婚礼,让照片承担主要叙事
- 黑领结婚礼(Black-tie) — 奶油与炭黑的配色、发丝线细节显得正式,却不繁复
- 目的地婚礼 — 极简布局让场地摄影(海滩、山脉、宫殿)自然成为主角
- 小型婚礼(≤60 位宾客) — 安静的编辑尺度适合“每位来宾都很重要”的聚会
- 誓言续约 — 永恒的奶油与黑白配色经得起时间考验
- 周年庆派对 — 尤其是里程碑周年(25、30、50 年),让珍贵的纪实/旧照站上舞台
- 订婚派对与彩排晚宴 — 随性但讲究
- 画廊开幕、工作室/品牌发布、时装展示 — 任何以编辑式极简为主调的场合
- 追思聚会 — 安静的奶油纸底与黑白处理适用于生命礼赞
对于色彩鲜艳的活动而言,它可能不够合适(暖 70 年代波西米亚风可选 Marigold,柔和粉彩可选 Vesper);如果你希望更具活版印刷文具质感的正式黑领结晚宴(可选 Atelier),或偏爱强烈电影海报能量的呈现(可选 Cinematic),也建议选择对应模板。
将 Linen 应用于你的活动
- 打开活动仪表板中的 Customize 选项卡
- 向下滚动,越过标准模板画廊,到底部的 Premium 区域
- 点击 Linen 卡片
- 选择器会显示两个可折叠面板:Customize template(标准颜色与字体控制)以及 Linen options · Premium(模板专属调节项——见下文)
- 调整设置并保存
你可以随时切回标准模板,且不会破坏任何内容;你的活动内容将保持与你输入时完全一致。Linen 专属调节项会单独存储,因此之后再切回 Linen 时,你的 Linen 设置仍会保留。
高端权限(谁可以使用 Linen)
Linen 是高端档模板,仅可在具备付费权限的活动中保存:
- 已付费(消耗积分)活动 — 使用活动积分的活动将自动具备权限
- 订阅活动(订阅有效) — 处于有效期或宽限期订阅下的活动具备权限
- 免费活动 — 选择器会将 Linen 显示为锁定并提示升级;你可以浏览,但服务器会以 403 拒绝保存
该锁定机制同时在选择器 UI 与服务器端强制执行。
自定义调节项
除 Fotify 标准的颜色 + 字体控制外,Linen 额外提供九项模板专属调节项。
1. 封面标题(Cover headline)
封面照片上方的两行衬线标题。留空将使用默认值 "Cherish the Moments"。你可以设置诸如 "An Evening Together"(派对)、"A New Chapter"(周年纪念)、"Welcome to the Atelier"(开幕活动)等。
2. 封面副标题(Cover subtitle)
标题下方的小型大写 eyebrow——例如 "Share Our Joyful Union"、"An Evening Among Friends"、"Two Hearts, One Story"。呈现为杂志式导语(deck)。
3. 封面邀请文案(Cover invitation message)
封面照片下方的斜体正文文案。留空将使用默认值。这里承载主办方的口吻:"Join us as we embark on a beautiful journey together, filled with love, laughter and unforgettable moments. Your presence will make our special day even more magical."
4. 主视觉 RSVP 按钮文案(Hero RSVP button label)
封面照片下方发丝线 RSVP 按钮上的文字。默认是 "RSVP Now"。可自定义为 "Reply"、"Respond Here" 或更符合你活动风格的表述。
5. 字母组合(Monogram)
最多 32 个字符——通常是主办方名字("Wei & Jasmine")或姓名首字母("W & J")。会显示为收尾页脚的品牌标记,并在未设置封面照片时作为回退展示。
6. 收尾标题(Closing title)
收尾页脚上方的斜体告别语。留空将使用默认值("Forever, Together")。可自定义为 "Until We Meet Again"、"With Love"、"See You There"。
7. 页脚 RSVP 按钮文案(Footer RSVP button label)
收尾页脚中发丝线 RSVP 按钮上的文字。默认是 "RSVP"。与主视觉按钮相互独立,因此你可以改变语气(例如主视觉用 "RSVP Now",页脚用 "Reply Today")。
8. 配色方案(Color palette)
奶油纸底 + 深墨色。四套配色:
- Pearl & Charcoal(默认)— 冷调奶油色 + 纯正炭黑;标志性的编辑风格外观
- Sand & Espresso — 更温暖的沙色 + 暖炭黑;更海岛、更饱和
- Stone & Slate — 更冷的象牙色 + 石板灰;接近灰调,非常现代
- Mocha & Cocoa — 温暖米色 + 可可色;温馨、适合秋季氛围
9. 照片处理(Photo treatment)
为页面中的所有照片应用同一滤镜(封面、故事跨页、相册、地点背景)。四个选项:
- Black & White(默认)— 灰度 + 轻微提升对比度;标志性的编辑风格
- Sepia — 温暖的棕褐色调并略微降低饱和度
- Faded (soft B&W) — 部分灰度并提高亮度;更具电影感与梦幻氛围
- Natural (no filter) — 不做滤镜处理,保留原始色彩
10. 照片背景上的漂浮 RSVP 卡片(Floating RSVP card on photo background)
启用后(且已设置封面照片),RSVP 版块会渲染为漂浮在满版黑白背景上的奶油色卡片。这是 Linen 的标志性处理。关闭后则呈现为页面纸底上的平面发丝线描边卡片。
各版块的呈现方式
封面(Cover)
Linen 封面会完全替换标准页眉。其堆叠顺序为:
- 标题(Italiana,大号)
- Eyebrow(Inter,小型大写 uppercase)
- 封面照片(居中,最大宽度 360px,3:4 比例,应用 B&W 滤镜)
- 日期(Italiana,全大写)
- 地点(Cormorant 斜体)
- 邀请正文(Cormorant 斜体)
- RSVP 发丝线按钮(幽灵按钮,墨色描边)
照片会应用可配置的 photoTreatment 滤镜——默认灰度,使封面具备明确的编辑式杂志氛围。若未设置封面照片,该位置将回退为大号 Italiana 的字母组合。
故事(Story)
每个里程碑都会呈现为双栏跨页——一侧为黑白 3:4 竖版照片,另一侧为奶油色文字栏,包含章节 eyebrow、斜体日期、Italiana 标题与斜体 Cormorant 正文。跨页左右交替排列以形成节奏感。所有里程碑渲染一致(没有“第一项特殊”处理),因此列表阅读更统一。
倒计时(Countdown)
扁平的横向数字行,数字之间用发丝线分隔。每个单位由一个大号 Italiana 数值与下方小号 Inter 全大写标签组成。无方块背景、无装饰框体——只有奶油纸底上的编辑式数字排。
RSVP
这是 Linen 的标志性处理。当启用 Floating cards(默认)且已设置封面照片时,RSVP 表单会渲染为居中漂浮在满版黑白背景上的奶油纸张卡片。封面照片同时作为该版块背景,使表单呈现时尚编辑氛围。
当关闭该选项或没有可用封面照片时,RSVP 会渲染为页面纸底上的平面发丝线描边奶油卡片。表单字段使用 Inter 小型大写标签、墨色描边输入框、“additional guests”的 Italiana 数字计数器,以及实心墨色的发丝线提交按钮。
相册(轮播)(Gallery (Carousel))
相册以一张宽幅主视觉图片(16:9)开场,随后是额外照片的三列网格(4:5 比例)。所有图片都会继承 photoTreatment 滤镜,使相册像一个统一的编辑摄影系列。每张照片都带有带零填充编号("01"、"02"、"03")的小号 Inter 说明文字。
地点(Location)
呈现为地图 + 奶油卡片板。地图会显示在发丝线描边框中,旁边是一张奶油卡片,包含 "VENUE" Inter eyebrow、Italiana 风格地址,以及 Cormorant 斜体的路线说明。当没有地图数据时,卡片会占满全宽并居中(避免出现半空行)。
保存日期(日历)(Save the Date (Calendar))
三个横向排列的发丝线幽灵按钮(Google / Apple / Outlook)。每个按钮均为 Linen 标准发丝线矩形,悬停时填充为 paper-alt。
行程(Itinerary)
极简纵向日程表,条目之间用发丝线分隔。每行由 110px 的时间侧栏(Italiana 展示字体)+ 内容栏(Italiana 标题、Cormorant 斜体地点、Cormorant 正文备注)构成。按日期分组,每组上方使用 Inter 小型大写的日标题。每条条目渲染一致。
礼物(Gifts)
三张扁平奶油卡片(Registries / Monetary / Charity),每张为发丝线描边,卡内行与行之间用横向细线分隔。"Open" 与 "Copy" 操作使用发丝线幽灵按钮。卡片上方有一行 Cormorant 斜体导语("Your presence is the only present we ask for")。
活动详情(Event Details)
两列网格的发丝线描边卡片——着装要求、住宿、交通各占一张卡片,包含 Inter eyebrow + Italiana 标题 + Cormorant 正文。FAQ 横跨全宽,每个问题之间用发丝线分隔。每个区块视觉权重一致。
留言(Message)
主办方的邀请文案以 "A Note from the Hosts" 的 Inter 小型大写 eyebrow 开头,并在第一段长段落(≥80 个字符且以字母开头)使用Italiana 首字下沉(drop-cap)。正文使用 Cormorant Garamond 两端对齐,斜体用于强调表现力强。
收尾页脚(Closing footer)
收尾带状区在略深的 paper-alt 背景上居中堆叠:
- 收尾标题(Cormorant 斜体,可通过调节项编辑)— 默认 "Forever, Together"
- 发丝线分隔线(60px,居中)
- 字母组合(Italiana 展示字号)— 新人品牌标记
- 日期 · 地点 行(Italiana 全大写,使用发丝线 · 分隔符)
- 发丝线幽灵 RSVP 按钮(可编辑文案)
继承样式的版块(不使用专属布局)
部分版块仍通过默认组件渲染,并继承 Linen 的润色层:
- 照片上传(Capture the Moment) — Italiana 标题、Cormorant 斜体正文、发丝线描边圆形图标、发丝线幽灵 CTA、零圆角卡片
- 二维码(QR Code) — 围绕二维码的发丝线描边纸张底板
- 座位表(Table Assignment) — 发丝线幽灵搜索/CTA 按钮
- 自定义版块(Custom sections) — Italiana 标题、Cormorant 正文、发丝线分隔线
- 注册页面(通过公开 RSVP 码加入的来宾)— Inter 小型大写标签、带墨色图标的 paper-bg 方形计数器按钮、来宾计数器中的 Italiana 数字
润色层让它们在不重写完整布局的情况下,也能保持模板一致性。
Beta 状态
Linen 与 Atelier、Cinematic、Marigold 和 Vesper 一起以 beta 形式发布。这意味着:
- 可稳定用于生产环境 — 我们已在全部 10 个专属版块与继承版块中完成测试
- 可能持续演进 — 我们可能会优化 photoTreatment 滤镜选项、增加更多配色方案,并根据使用数据调整漂浮卡片的位置
- 将推出更多高端模板 — 更多编辑风与主题模板已在规划中
如果你发现任何需要打磨之处,请通过仪表板中的帮助小组件提交反馈。
常见问题
Q: 我可以把 Linen 用于非婚礼活动吗? A: 可以——将 Cover Headline 设置为你的活动主题(例如 "An Evening Together"、"Welcome to the Atelier"),并将 eyebrow 设置为你的副标题。Linen 安静的编辑氛围同样适合开幕活动、画廊发布、里程碑庆祝,以及各种形式的小型聚会。Photo Treatment 调节项支持你在正式场合保持 B&W,或在多彩派对中切换为 Natural。
Q: 我的照片本来就是彩色的——黑白会毁掉它们吗? A: 不会。Linen 的滤镜是非破坏性的;它在渲染时以 CSS 滤镜的形式应用,并不会写入(baked into)你的上传文件。你可随时将 Photo Treatment 切换为 Natural(no filter)以查看全彩效果;也可以尝试 Sepia 或 Faded 以获得更柔和的呈现。
Q: 我可以让某些版块用黑白、另一些版块用彩色吗? A: 目前不支持。Photo Treatment 调节项会全局应用以保证视觉一致性——编辑式标志风格依赖统一的处理方式。如果你需要按版块分别设置照片处理,请向我们反馈,我们会考虑在未来版本中支持。
Q: 没有封面照片时,“漂浮在照片上的卡片”还能生效吗? A: 不能——当没有封面照片时,RSVP 版块会回退为页面纸底上的平面发丝线描边奶油卡片。“表单漂浮在黑白背景上”的标志性处理需要封面照片作为背景。为了获得最佳 Linen 效果,我们建议上传一张宽幅的自然抓拍照(新人/主办方/场地)。
Q: 我可以自定义 RSVP 按钮文字吗? A: 可以——设置 "Hero RSVP button label" 与 "Footer RSVP button label" 两项调节项。它们彼此独立,因此你可以改变语气(例如封面使用 "RSVP Now",页脚使用 "Reply Today")。两者在留空时都会默认使用标准 RSVP 文案。
Q: Linen 支持所有标准活动功能吗? A: 支持——Linen 是功能完整的高端模板,覆盖 Story、Countdown、RSVP、Carousel、Location、Calendar、Itinerary、Gifts、Event Details 与 Message。继承版块(Photo Upload、QR Code、Table Assignment)通过润色层正常工作。Linen 唯一不支持的标准功能是视差(parallax)(极简美学更偏好静态摄影而非动态效果)。
Q: Linen 与 Vesper 有何区别? A: 两者都安静优雅,但面向不同氛围。Vesper 更浪漫——柔和粉彩、Cormorant 斜体、拱形开口、拍立得剪贴簿;Linen 更现代——奶油纸底、黑白摄影、发丝线幽灵按钮、编辑式极简。Vesper 像一封情书;Linen 像一页时尚杂志跨页。
Q: 在深色模式浏览器里,奶油纸底会好读吗? A: Linen 以奶油纸底作为其标准视觉呈现。来宾浏览器的深色模式偏好不会影响邀请函的渲染——奶油纸底就是设计本身。文字仍具备高可读性(深炭黑/浓缩咖啡色搭配暖奶油色,是印刷与屏幕上最易读的组合之一)。
Q: Linen 可以使用自定义 RSVP 表单字段吗? A: 可以。你添加的任何自定义字段(文件上传、饮食限制、点歌请求等)都会通过润色层自动继承 Linen 的发丝线描边输入框样式与 Inter 小型大写标签。
后续步骤
- 参阅如何自定义你的 RSVP 邀请函,了解选择器 UI 以及如何为活动启用高端模板
- 浏览其他高端模板:Atelier(活版印刷的正式感)、Cinematic(电影海报般的戏剧张力)、Marigold(1970 年代波西米亚暖调)、或 Vesper(浪漫拱形开口)
- 在定价页面对比高端模板价格
- 如果你正在筹备婚礼,了解更多关于 Fotify 的婚礼照片分享应用
需要帮助?请通过仪表板内的帮助小组件联系我们。
这篇文章对您有帮助吗?