9 min 読むintermediate最終更新日: 2026年5月12日

Linen テンプレート — 完全ガイド

Linen は、Fotify ライブラリの 5 つ目のウルトラプレミアムテンプレートです。Atelier が活版印刷のステーショナリー、Cinematic が映画ポスター、Marigold が 1970 年代のウェディングマガジン、Vesper がロマンチックなアーチ型アパーチャーから着想を得ているのに対し、Linen は 現代的なエディトリアル系ファッション誌 から着想を得ています — 温かみのあるクリーム色の紙、モノクロ写真、極細のゴーストボタン、そして全面写真の上に浮かぶクリーム色のカード。

このガイドでは、Linen の見た目、Linen 固有のカスタマイズ項目、イベントでのアンロック方法、そして招待状の各セクションに対して Linen が施す特別なデザイン処理について解説します。

標準テンプレートライブラリとピッカー UI の概要については、RSVP 招待状をカスタマイズする方法 を参照してください。

Linen が違う理由

標準テンプレートは CSS 変数によって色・フォント・エフェクトを制御しており、どれも同じ基本レイアウトを共有します。Linen は異なります。セクション全体のレイアウトを、手作業で作り込んだエディトリアル表現に置き換え、独自のタイポグラフィ(Italiana + Cormorant Garamond + Inter)を同梱し、標準の色・フォント操作に加えてテンプレート固有のカスタマイズ項目を提供します。

代表的なデザイン要素

  • モノクロ写真 — 写真(カバー、ストーリー見開き、ギャラリー、ロケーション背景)はすべて設定可能なフィルターを通して表示されます。デフォルトはグレースケール + 軽いコントラスト強調で、ページ全体に統一されたエディトリアルなムードを与えます。カスタマイズパネルから設定できます。
  • 浮遊するクリームカード — RSVP は、全面のモノクロ背景(カバー写真)の中央に配置されたクリーム色の紙カードとして表示され、写真の上にテキストが浮かぶファッション誌の見開きのような印象になります
  • 極細のゴーストボタン — すべての CTA(Hero RSVP、Save the Date、Open Registry)は、透明塗りの 1px インク枠の長方形です。ホバー時は温かみのある paper-alt 背景に切り替わります(透明にはならないため、ボタンが消えることはありません)。
  • Italiana のディスプレイ — 見出しすべてに使われる、背が高く細身でコントラストの強いセリフ。ウェディング誌らしい象徴的な書体です。
  • Cormorant Garamond の本文 — タグライン、アイブロウ、ホスト注記に適した、温かみのあるヒューマニスト系セリフ。強いイタリックにも対応
  • Inter のマイクロタイプ — アイブロウ、ラベル、Save the Date ボタンに使うスモールキャップの実用的サンセリフ。3 つのフォント、3 つの役割、迷いはゼロです。
  • エディトリアルなミニマリズム — マーキー、イラスト、装飾、フローリッシュはありません。ページは静かで、考え抜かれた読み心地。背景はクリーム紙、ドラマは写真、声はタイポグラフィ。
  • 4 つの温かいクリーム系パレット — Pearl、Sand、Stone、Mocha — いずれもクリーム紙と深いインク色を組み合わせます。宝石色のアクセントや大胆なカラーブロックは使いません。
  • カップルのモノグラム・ブランドマーク — お名前(例: "Wei & Jasmine")が下部に Italiana の大きめサイズで表示され、ページの署名/ワードマークとしても機能します
  • 締めの帯フッター — イタリックの別れの一文("Forever, Together")+ モノグラム + 日付 · 場所 + RSVP ボタンを、少し濃いめの paper-alt 帯の上に配置

Linen を選ぶべきタイミング

Linen は、控えめな上質さとエディトリアル写真を主役にしたいイベントのために作られています。

  • モダンな結婚式 — 特にドキュメンタリー色の強い写真がある結婚式で、写真に物語の大半を託したい場合
  • ブラックタイの結婚式 — クリーム×チャコールのパレットと極細ディテールが、堅苦しさではなく品格を演出します
  • デスティネーションウェディング — ミニマルなレイアウトにより、会場写真(ビーチ、山、宮殿など)がそのまま魅力になります
  • 少人数の結婚式(≤60 名) — 静かなエディトリアルスケールが、「一人ひとりが大切」な集まりに合います
  • 誓いの更新 — 時代に左右されないクリームとモノクロのパレットは、年月を重ねても美しく馴染みます
  • 記念パーティー — 特に節目(25、30、50 年など)で、アーカイブ写真を主役にしたい場合
  • 婚約パーティーやリハーサルディナー — カジュアルでありながら、きちんと整った印象に
  • ギャラリーオープニング、アトリエのローンチ、ファッションプレゼン — エディトリアル・ミニマリズムが「店のスタイル」の場面
  • 追悼の集い — 静かなクリーム紙とモノクロ表現が、偲ぶ場にふさわしい雰囲気を作ります

一方で、鮮やかなカラフルなイベントにはあまり向きません(温かい 70s ボヘミアンなら Marigold、淡いパステルなら Vesper)。活版ステーショナリーのようなフォーマルなブラックタイガラを求める場合は Atelier、映画ポスターのようなドラマ性を求める場合は Cinematic をおすすめします。

イベントに Linen を適用する

  1. イベントダッシュボードの Customize タブを開きます
  2. 標準テンプレートギャラリーを下へスクロールし、最下部の Premium セクションまで移動します
  3. Linen カードをクリックします
  4. ピッカーに 2 つの折りたたみパネルが表示されます: Customize template(標準の色・フォント操作)と Linen options · Premium(テンプレート固有の設定 — 下記参照)
  5. 各項目を設定して保存します

いつでも標準テンプレートへ戻せます。切り替えは非破壊で、イベント内容は入力したとおりに保持されます。Linen 固有の設定は別に保存されるため、後で Linen に戻した際も設定はそのまま残ります。

Note: Linen は AtelierCinematicMarigoldVesper と同様に beta 提供です。今後のリリースで、さらに多くのプレミアムテンプレートを追加予定です。

プレミアム権限(Linen を使える人)

Linen はプレミアム階層のテンプレートであり、有料の権限が付与されたイベントでのみ保存できます:

  • 有料(クレジット消費)イベント — イベントクレジットを使用しているイベントは自動的に権限が付与されます
  • 有効なサブスクリプションの対象イベント — アクティブ期間または猶予期間中のサブスクリプションに紐づくイベントは権限が付与されます
  • 無料イベント — ピッカーでは Linen がロック表示され、アップグレードの案内が表示されます。閲覧はできますが、保存はサーバー側で 403 により拒否されます

このロックは、ピッカー UI とサーバーの両方で適用されます。

カスタマイズ項目

Linen は、Fotify の標準の色 + フォント操作に加えて、テンプレート固有の 9 つのカスタマイズ項目を提供します。

1. Cover headline

カバー写真の上に表示される、2 行のセリフ見出しです。空欄にするとデフォルトの "Cherish the Moments" が使われます。パーティーなら "An Evening Together"、記念日なら "A New Chapter"、オープニングなら "Welcome to the Atelier" のように設定できます。

2. Cover subtitle

見出しの下に入る、小さな大文字のアイブロウです — 例: "Share Our Joyful Union"、"An Evening Among Friends"、"Two Hearts, One Story"。エディトリアル誌のデッキとして機能します。

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. 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. Footer RSVP button label

締めのフッター内の、極細 RSVP ボタン上のテキストです。デフォルトは "RSVP"。ヒーローボタンとは独立しているため、トーンを変えられます(例: ヒーローは "RSVP Now"、フッターは "Reply Today")。

8. Color palette

クリーム紙 + 深いインク色。4 つのパレットがあります:

  • Pearl & Charcoal(デフォルト) — クールなクリーム + 真正のチャコール。エディトリアルの定番ルック
  • Sand & Espresso — より温かいサンド + 温かみのあるチャコール。ビーチ感があり、色味は濃いめ
  • Stone & Slate — よりクールなアイボリー + スレート。ほぼグレーでとてもモダン
  • Mocha & Cocoa — 温かいベージュ + ココア。居心地がよく秋らしい印象

9. Photo treatment

ページ内のすべての写真(カバー、ストーリー見開き、ギャラリー、ロケーション背景)に同じフィルターを適用します。4 つの選択肢があります:

  • Black & White(デフォルト) — グレースケール + 軽いコントラスト強調。代表的なエディトリアルルック
  • Sepia — 温かいセピア調 + 軽い彩度抑え
  • Faded (soft B&W) — 部分的なグレースケール + 明るさを持ち上げ。シネマティックで夢のような印象
  • Natural (no filter) — 色をそのまま保持

10. Floating RSVP card on photo background

有効(かつカバー写真が設定されている)場合、RSVP セクションは全面モノクロ背景の上に浮かぶクリームカードとして表示されます。これが Linen のシグネチャー表現です。無効にすると、ページの紙面上にフラットな極細枠のカードとして表示されます。

各セクションのデザイン処理

Cover

Linen のカバーは、標準ヘッダーを丸ごと置き換えます。次の要素を縦に積み重ねます:

  • Headline(Italiana、大)
  • Eyebrow(Inter、スモールキャップの大文字)
  • Cover photo(中央寄せ、最大幅 360px、3:4 比率、モノクロフィルター適用)
  • Date(Italiana、オールキャップス)
  • Location(Cormorant のイタリック)
  • Invitation body(Cormorant のイタリック)
  • RSVP hairline button(ゴースト、インク枠)

写真には設定可能な photoTreatment フィルターが適用されます — デフォルトはグレースケールで、カバーに明確なエディトリアル誌の雰囲気を与えます。カバー写真が未設定の場合、この枠は大きな Italiana のモノグラムに置き換わります。

Story

各マイルストーンは 2 カラムの見開き になります — 片側にモノクロの 3:4 縦写真、もう片側にクリームのカラムとして、章のアイブロウ、イタリックの日付、Italiana のタイトル、イタリックの Cormorant 本文を配置します。左右の配置は交互に入れ替わり、視覚的リズムを作ります。すべてのマイルストーンは同一のルールで表示され(「最初だけ特別」などはありません)、リストが一貫して読みやすくなります。

Countdown

極細ルールで区切られた、フラットな横並びの数字列です。各単位は、大きな Italiana の値と、その下に小さな Inter の大文字ラベルを表示します。タイル背景や装飾はなく、クリーム紙の上にエディトリアルな数字列だけが置かれます。

RSVP

Linen の代表的な表現です。Floating cards が有効(デフォルト)で、かつカバー写真が設定されている場合、RSVP フォームは 全面モノクロ背景の中央に配置されたクリーム紙カード として表示されます。カバー写真がセクション背景を兼ね、ファッション・エディトリアルのムードになります。

無効、またはカバー写真がない場合、RSVP はセクションの紙面上にあるフラットな極細枠のクリームカードとして表示されます。フォームフィールドは、Inter のスモールキャップラベル、インク枠の入力欄、「additional guests」のための Italiana 数字カウンター、そして塗りのあるインク色の極細送信ボタンでスタイルされます。

Gallery (Carousel)

ギャラリーは 横長のヒーロー画像(16:9)で始まり、その後に追加写真の 3 枚並びグリッド(4:5 比率)が続きます。すべての画像は photoTreatment フィルターを継承し、ギャラリー全体がひとつのエディトリアルセットとして統一されます。各写真には、ゼロ埋め番号("01"、"02"、"03")付きの小さな Inter キャプションが付きます。

Location

地図 + クリームカードプレート。地図は極細枠のフレーム内に描画され、その隣に "VENUE" の Inter アイブロウ、Italiana 風の住所、そしてイタリックの Cormorant による案内文を載せたクリームカードが配置されます。地図データがない場合は、カードが全幅に広がって中央に配置されます(半分だけ空いた行になりません)。

Save the Date (Calendar)

横一列の 3 つの 極細ゴーストボタン(Google / Apple / Outlook)です。いずれも Linen 標準の極細長方形で、ホバー時に paper-alt で塗りが入ります。

Itinerary

エントリー間を極細ルールで区切った ミニマルな縦型スケジュール。各行は 110px の時間ガター(Italiana ディスプレイ)+ 本文カラム(Italiana タイトル、イタリックの Cormorant ロケーション、メモの Cormorant 本文)で構成されます。日付ごとにグループ化され、各グループの上には Inter のスモールキャップで日付ヘッダーが表示されます。すべてのエントリーは同一のルールで表示されます。

Gifts

3 枚のフラットなクリームカード(Registries / Monetary / Charity)。それぞれ極細枠で、内部の行は水平ルールで区切られます。"Open" と "Copy" の操作は極細ゴーストボタンで提供されます。カードの上には、イタリックの Cormorant による導入文("Your presence is the only present we ask for")が置かれます。

Event Details

極細枠のカードによる 2 カラムグリッド — ドレスコード、宿泊、交通手段がそれぞれカードになり、Inter のアイブロウ + Italiana のタイトル + Cormorant 本文で構成されます。FAQ は全幅で表示され、各質問は極細ルールで区切られます。すべてのブロックは同じ視覚的ウエイトになります。

Message

ホストの招待文は、Inter のスモールキャップのアイブロウ "A Note from the Hosts" とともに表示され、最初の長い段落(先頭が文字で、かつ 80 文字以上)には Italiana のドロップキャップ が適用されます。本文は Cormorant Garamond の両端揃えで、強いイタリックが強調表現に活きます。

Closing footer

締めの帯は、少し濃い paper-alt 背景の上に中央寄せで積み重なる構成です:

  • Closing title(イタリック Cormorant、編集可能) — デフォルトは "Forever, Together"
  • Hairline divider(60px、中央)
  • Monogram(Italiana、ディスプレイサイズ) — カップルのブランドマーク
  • Date · Location 行(Italiana のキャップス + 極細の · セパレーター)
  • Hairline ghost RSVP button(編集可能ラベル)

継承されるセクション(専用レイアウトではない)

一部のセクションはデフォルトキットで描画され、Linen のポリッシュレイヤーを継承します:

  • Photo Upload (Capture the Moment) — Italiana タイトル、イタリック Cormorant 本文、極細アウトラインの円形アイコン、極細ゴースト CTA、角丸なしカード
  • QR Code — QR の周りに極細枠の紙プレート
  • Table Assignment — 極細ゴーストの検索/CTA ボタン
  • Custom sections — Italiana 見出し、Cormorant 本文、極細ルール
  • Registration page(公開 RSVP コードで参加するゲスト向け) — Inter スモールキャップのラベル、インクアイコン付きの paper-bg 四角カウンターボタン、ゲストカウンターの Italiana 数字

ポリッシュレイヤーにより、フルのレイアウト書き換えを行わなくてもテンプレートの世界観に馴染みます。

ベータステータス

Linen は AtelierCinematicMarigoldVesper と同様に beta として提供されています。意味するところは次のとおりです:

  • 本番利用に十分安定 — 10 の専用セクションと継承セクション全体でテスト済みです
  • 今後変化する可能性 — photoTreatment フィルターの選択肢の改善、パレット追加、利用データに基づくフローティングカード配置の調整を行う可能性があります
  • さらにプレミアムテンプレートを追加予定 — 追加のエディトリアル/テーマ系テンプレートを準備中です

磨き込みが必要だと感じる点があれば、ダッシュボード内のヘルプウィジェットからフィードバックをお送りください。

よくある質問

Q: 結婚式以外のイベントでも Linen を使えますか? A: はい。Cover Headline をイベントに合わせて("An Evening Together"、"Welcome to the Atelier" など)設定し、アイブロウにはサブタイトルを入れてください。Linen の静かなエディトリアルムードは、オープニング、ギャラリーローンチ、節目のお祝い、少人数の集まりなど、幅広い用途に合います。Photo Treatment の設定で、フォーマルならモノクロ、カラフルなパーティーなら Natural に切り替えることもできます。

Q: 写真がすでにカラーなのですが、モノクロにすると台無しになりませんか? A: Linen のフィルターは非破壊です。アップロードした画像自体に焼き込むのではなく、表示時に CSS フィルターとして適用されます。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 がサポートしない唯一の標準機能はパララックスです(ミニマルな美学は、動きのある効果より静的な写真表現を重視します)。

Q: Linen は Vesper とどう違いますか? A: どちらも静かで上品ですが、狙うムードが異なります。Vesper はロマンチック — 淡いパステル、イタリックの Cormorant、アーチ型アパーチャー、ポラロイドのスクラップブック。Linen はモダン — クリーム紙、モノクロ写真、極細ゴーストボタン、エディトリアル・ミニマリズム。Vesper はラブレターのようで、Linen はファッション誌の見開きのようです。

Q: ダークモードのブラウザでもクリーム紙は見やすいですか? A: Linen は、クリーム紙の背景を正規の見た目として使用します。ゲストのブラウザのダークモード設定は招待状の描画に影響しません — クリーム紙自体がデザインです。テキストの可読性も高く(深いチャコール/エスプレッソ × 温かいクリームは、印刷・画面のどちらでも非常に読みやすい組み合わせです)。

Q: Linen でカスタム RSVP フォーム項目を使えますか? A: はい。追加したカスタム項目(ファイルアップロード、食事制限、リクエスト曲など)は、ポリッシュレイヤーにより Linen の極細枠入力スタイルと Inter のスモールキャップラベルを自動で継承します。

次のステップ

お困りですか?ダッシュボード内のヘルプウィジェットからお問い合わせください。

この記事は役に立ちましたか?

関連する記事