ヴェスパーテンプレート — 完全ガイド

ヴェスパー は、Fotify ライブラリの 4 つ目のウルトラプレミアムテンプレートです。アトリエ がフォーマルな活版印刷、シネマティック が映画ポスターのようなドラマ性、マリーゴールド が 1970 年代ボヘミアンだとすると、ヴェスパーは やわらかな現代ロマンス — ブラッシュのペーパー、イタリックの Cormorant 見出し、アーチ型フォトフレーム、ダイヤのオーナメント、そしてポラロイド風スクラップブック・コラージュです。

このガイドでは、ヴェスパーの見た目、ヴェスパー固有のカスタマイズ項目、イベントへの適用方法、そして招待状の各セクションに与えられる特別なデザイン処理を解説します。

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

ヴェスパーが特別な理由

標準テンプレートは CSS 変数で色・フォント・エフェクトを制御し、基盤となるレイアウトは共通です。ヴェスパーは異なります。セクション全体のレイアウトを、やわらかなロマンティック表現の手作りデザインに置き換え、独自のタイポグラフィ（Cormorant Garamond + Inter）を同梱し、テンプレート固有のカスタマイズ項目を提供します。

シグネチャーデザイン要素

• アーチ型フォトカバー — 3 種類の SVG クリップによるアーチシルエット（ゴシック / ラウンド / ガーデン）。カバー写真はアーチ内に表示され、その上にイタリックの Cormorant Garamond でカップル名、左右に "When / Where" の行が並びます。
• ダイヤのオーナメント — 小さな塗りつぶしダイヤ（♦）のオーナメントがセクション間、章タイトルの周囲、そして Ceremony と Reception の時刻の間にインラインで表示されます。ページ全体に通る編集的ディテールです。
• プルクオート・バンド — カバーとストーリーの間に、イタリックの Cormorant 大見出しの引用（"Once in a while, love gives us a fairy tale"）を載せたテラコッタの帯を任意で表示できます。Markdown 形式のアスタリスクで特定の単語を斜体にできます。
• Ceremony / Reception のツイン表示 — 2 つの大きなイタリック時刻表示（"4 pm" / "6 pm"）をダイヤ区切りで表示。最初の 2 つの旅程エントリーから自動で取得します。
• ポラロイド風スクラップブック・コラージュ — 写真は白い縁とやわらかな影を持つ、回転した重なり合うポラロイドフレームとして表示されます。レイアウトは 3 種類：polaroid / grid / single。
• やわらかなパステルパレット — やわらかな紙色と深いロマンティックなアクセントを組み合わせた、4 つの調整済みパレット：rose+terracotta、sage+sand、sky+indigo、lavender+plum。
• イタリック Cormorant Garamond のディスプレイ — すべてのタイトル、アイブロウ、プルクオートに使われる、エレガントでカリグラフィ調の斜体がヴェスパーの声です。本文は Inter で、現代的で読みやすく。
• ピルボタン — アクセントカラーの丸みのあるピル形 CTA。ホバーで反転します。カレンダー、レジストリ、RSVP、クロージングカードに使用。
• シネマ風パララックス — カバーのアーチ画像とストーリー見開き写真に background-attachment: fixed を使い、コンテンツがスクロールしてもビューポートに固定されて見えます。
• クロージングバンド — テラコッタのフッターに、ダイヤで挟んだ罫線、"Hoping to celebrate with you!" のイタリック見出し、そしてアクセント上に紙色の RSVP ピルを配置します。

ヴェスパーを選ぶタイミング

ヴェスパーは、やわらかなロマンスが主役のイベント向けに作られています：

• チャペルウェディング、ガーデンウェディング、ヴィンヤードウェディング — ゴシックアーチは歴史ある会場に、ラウンドアーチはモダン建築に、ガーデンアーチは屋外挙式にフィットします
• 少人数婚（≤120 名） — 浮遊感のあるポラロイドスクラップブックが、小規模でも温かくパーソナルに伝わります
• 誓いの更新（Vow renewals） — 落ち着いたロマンティックなムードが、長く連れ添ったカップルに合います
• 婚約パーティー、ブライダルシャワー — パステルとイタリック見出しが、これらの関連お祝いでも美しく映えます
• 結婚記念の節目イベント — 10 年、25 年、50 年など、アトリエのフォーマルさよりやわらかな空気感にしたい場合
• 現代的なカップル — ポラロイドコラージュ + オーディオプレイリストの組み合わせが、ミレニアル/Gen-Z の美意識にマッチ
• 同性婚、再婚、ステップファミリー — 伝統/フォーマルに寄りすぎない、インクルーシブなソフトロマンス

カジュアルなパーティー（標準テンプレート推奨）、ブラックタイのガラ（アトリエ 推奨）、モダン/エッジーなウェディング（シネマティック 推奨）、70 年代ボヘミアン（マリーゴールド 推奨）には、あまり適しません。

イベントにヴェスパーを適用する

1. イベントを開き、サイドバーの 招待状 をクリックしてから、招待状 タブを開きます
2. デザインテンプレート で、ギャラリーが折りたたまれている場合は テンプレートを変更 をクリックし、デザイン の中から ヴェスパー を見つけます
3. 任意: 試してみる を押すと、あなたの招待状の内容でヴェスパーがライブプレビューに表示されます — このデザインを使う を押すまで何も保存されません
4. または、ヴェスパー カードをクリックしてすぐに適用します
5. ピッカーにカスタマイズパネルが表示されるので、項目を設定します（下記参照）。変更は自動で保存されます

標準テンプレートへ戻しても破壊的変更にはなりません。ヴェスパー固有の設定は別に保存されるため、切り替えて戻しても設定は保持されます。

Note: ヴェスパーは アトリエ、シネマティック、マリーゴールド と同様に beta 提供です。

利用できるプラン（ヴェスパーを使えるのは誰？）

ヴェスパーは、無料プランを含むすべてのプランと、すべてのサブスクリプションイベントで利用できます。ロックはなく、アップグレードも不要です。どのイベントでも適用・公開できます。

無料イベントでは、ヴェスパーの招待状の下隅に小さな 「Fotifyで作成」 バッジが表示されます。有料プランまたは有効なサブスクリプションがあれば、このバッジは外れます。

カスタマイズオプション

ヴェスパーのオプションパネルには、テンプレート固有の次のオプションがあります。ヴェスパーは Fotify の標準の色・フォント調整を使わず、これらのオプションがその代わりになります。

1. カバーのアイブロウ

カップル名の下に表示される、小さなイタリックの1行です。例: "Invite You To Celebrate Their Wedding"（デフォルト）、"Together with their families"、"Are getting married"、"Are tying the knot"。

2. プルクオート

カバーとストーリーのセクションの間に表示される、テラコッタ色の帯に載る大きな引用文です。アスタリスク を使うと特定の単語をイタリックにできます（"Once in a while, love gives us a fairy tale"）。空欄にすると、引用帯自体を表示しません。

3. カラーパレット

やわらかなペーパー調＋深みのあるアクセントカラー。パレットは4種類です。

• Rose & Terracotta（デフォルト） — 定番のブラッシュ系ウェディング
• Sage & Sand — ガーデン／カントリー／ハーブガーデン
• Sky & Indigo — モダンミニマル／コースタル
• Lavender & Plum — 夕暮れ／秋／オーバジーン

4. アーチスタイル

カバーのアーチ型フォトフレームです。バリエーションは3種類です。

• Gothic（デフォルト） — 尖頭の大聖堂風アーチ。チャペル挙式、歴史的建造物、クラシックな石造教会に適しています
• Round — 古典的なローマの半円。モダン建築、入口（ドアウェイ）、現代的な会場に適しています
• Garden — やわらかい丸みのあるアーチ。屋外セレモニー、ガーデンウェディング、フローラルアーチに適しています

5. フォトコラージュスタイル

ギャラリー写真の並び方を設定します。

• Polaroid（デフォルト） — 白い縁の写真を回転させて重ねる、スクラップブック風
• Grid — 均一な2列または3列のグリッド、エディトリアル／クリーン
• Single — 大きな主役画像を1枚、ミニマル

6. ダイヤ装飾の表示

セクション間、章タイトル周り、また挙式／披露宴時間の間にインラインで表示されるダイヤ（♦）装飾のオン／オフを切り替えます。デフォルトはオンです。よりすっきりしたミニマルな印象にしたい場合はオフにしてください。

7. 降りそそぐきらめき

デフォルトはオフです。有効にすると、パレットのアクセントカラーで描かれた小さな四つ星のきらめきが、ゆっくりと揺れながらページを下へ漂い、ほのかにきらめきます。この効果は装飾目的のみで、タップやクリックを妨げることはありません。また、端末側で「視差効果を減らす／モーションを減らす」が要求されているゲストには自動的に無効化されます。

8. 花のセクション区切り

デフォルトはオフです。有効にすると、繊細な花の枝（小さな花と葉の付いた茎）が、各セクションのペアの区切りとして表示されます。選択した配色に合うよう、パレットのアクセントカラーで描画されます。より柔らかなガーデン風の印象にしたい場合は、ダイヤ装飾をオフにして組み合わせるのがおすすめです。

9. ロケーションセクションタイトル

会場カードの上に表示される章タイトルです。デフォルトは「私たちが集まる場所」。デフォルトの言い回しが言語や時制に合わない場合は、自由に文言を入力してください（例:「私たちが集う場所」、「挙式会場」）。空欄のままにするとデフォルトが使われます。

10. スケジュールアイブロウ

「スケジュール」タイトルの上に表示される、小さなイタリックの1行です。空欄のままにすると、ヴェスパーがスケジュールの内容に応じて自動的に文言を選びます：すべての予定が同じ日付の場合は「特別な日」、旅程が複数日にわたる場合は「週末」になります。上書きしたい場合は、任意の文言（例:「日曜日」、「トスカーナでの3日間」）を入力してください。

11. ギャラリーセクションタイトル

フォトコラージュの上に表示される章タイトルです。デフォルトは「これが私たちです」。置き換えたい場合は、自由に文言を入力してください（例:「私たちのこれまで」、「私たちの瞬間」）。空欄のままにするとデフォルトが使われます。

12. RSVPアイブロウ

RSVPの見出しの上に表示される、小さなイタリックの1行です。デフォルトは「ご返信ください」。置き換えたい場合は、自由に文言を入力してください（例:「5月1日までにご返信ください」）。空欄のままにするとデフォルトが使われます。

13. RSVPセクション見出し

返信カードの上に表示される見出しです。デフォルトは「ご参加いただけますか？」。置き換えたい場合は、自由に文言を入力してください（例:「ぜひご参加ください」、「あなたの席をご用意しています」）。空欄のままにするとデフォルトが使われます。

14. ギフトアイブロウ

ギフトのタイトルの上に表示される、小さなイタリックの1行です。デフォルトは「ご列席いただけることが何よりの贈り物です」。ただし、ギフトセクションにご自身のメッセージを入力すると、ヴェスパーはテンプレートの文言を取り下げ、あなたの言葉だけが残ります。代わりにご自身の1行を表示したい場合は、自由に文言を入力してください（例:「感謝を込めて」、「贈り物より、あなたのお越しを」）。

15. レジストリカードのラベル

ギフトレジストリを一覧表示するカードの見出しです。デフォルトは「レジストリ」ですが、このデフォルトはギフトの種類を2つ以上ご用意している場合にのみ表示されます。種類が1つだけのときは区別する必要がないため、見出しは表示されません。置き換えたい場合は、自由に文言を入力してください（例:「ウェディングリスト」、「ギフトの登録先」）。入力した文言は、グループが1つだけの場合でも必ず表示されます。

ヴェスパーが招待状に表示するすべてのテキスト — 表紙のアイブロウ、「日時」と「場所」、クロージングのタイトル、返信カード、各セクションのアイブロウ — は、ページ上で直接書き換えることもできます。ライブプレビューを編集モードに切り替えて、テキストをダブルクリックしてください。上記のテキスト系の項目も同じようにその場で編集できます。パレットなど、プレーンテキストではない値は、引き続き各カスタマイズ項目で設定します。

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

カバー

ヴェスパーのカバーは標準ヘッダーをまるごと置き換えます：

• カップル名 — イタリックの Cormorant Garamond、大きく、中央揃え
• アイブロウ — 名前の下にイタリックの Cormorant サブタイトル
• アーチ写真 — 中央配置、パララックス付き（写真はビューポートに固定）
• When / Where — アーチ左右にイタリックのラベルと、日付 / 場所の値
• ダイヤオーナメント — アーチ下に小さな塗りつぶしダイヤ
• Ceremony / Reception のツイン表示 — 2 つのイタリック時刻表示をダイヤで区切って表示。最初の 2 つの旅程エントリーから取得

イベント写真が未設定の場合、アーチ内にはやわらかなグラデーション背景が表示されます。

プルクオート・バンド（任意）

pullQuote の項目を設定すると、カバーとセクション一覧の間に、全幅のテラコッタ帯が表示されます。アクセント紙の上に大きなイタリックの Cormorant Garamond を配置し、上下にダイヤ付きの罫線ディバイダーが入ります。アスタリスク（*）でテキストを斜体強調できます。

ストーリー（This Is Us）

ダイヤオーナメント + イタリックの "This Is Us" タイトル + 最初のマイルストーン説明文が導入になり、その後に フォトコラージュ（設定に応じて polaroid / grid / single）が続きます。以降のマイルストーンは、写真 + イタリックの日付 + イタリックの Cormorant タイトル + 本文の交互見開きとして表示されます。

カウントダウン

ダイヤ + イタリック章タイトル + やわらかな紙色のタイル（ダイヤオーナメントで区切り）。各単位の値はイタリックの Cormorant Garamond、ラベルは Inter のスモールキャップ。

RSVP

ページ中央に、やわらかな紙色（別トーン）のカードを表示。標準 RSVP フォームの上にイタリックの締切を表示し、フォームは磨き込み（極細下線の入力、ピル送信）で再スタイルされます。どちらの見出し行も RSVPアイブロウ と RSVPセクション見出し の項目で置き換えられます。

ギャラリー（カルーセル）

選択したスタイルのフォトコラージュを表示します。Polaroid は重なり合うスクラップブック風、grid はエディトリアル、single はミニマルです。章タイトルは ギャラリーセクションタイトル の項目で置き換えられます。

会場

会場写真のアーチ表示（カバーのアーチスタイルと一致）の横に、会場住所、埋め込みマップ、行き方を載せた、やわらかな紙色（別トーン）のカードが配置されます。マップは極細枠線で角丸です。章タイトルは ロケーションセクションタイトル の項目で置き換えられます。

カレンダーに保存（Save the Date）

アクセント枠線のピルボタン（Google / Apple / Outlook）が 3 つ表示されます。ホバーで塗りつぶしに反転します。

旅程

イタリックの Cormorant で日付見出し（中央揃え）を表示し、その下に全スケジュールが続きます。各エントリーは左に Cormorant のディスプレイ時刻、右にイベント詳細を配置。「スケジュール」の上のアイブロウは日程に応じて決まります — 単日の場合は「特別な日」、複数日にわたる場合は「週末」です — スケジュールアイブロウ の項目を設定した場合はその文言が使われます。

ギフト

アクセント反転の帯の上に、やわらかな紙色のカードを 3 枚（Registries / Monetary / Charity）表示。各カードにはイタリックのタイトル、本文説明、外部リンク / コピー操作のためのアクセントのピルボタンが含まれます。ヘッダーはあなたの言葉に従います。ご自身のメッセージを入力するとテンプレートのアイブロウがそれに置き換わり、残りは ギフトアイブロウ と レジストリカードのラベル の項目で置き換えられます。

イベント詳細

制作ノート風の積み重ね表示：ドレスコードは極細罫線に挟まれた中央のイタリック Cormorant プルクオートとして、宿泊はやわらかな紙色カードとして、交通はコンパクトな行として、FAQ はイタリックの Q & A（回答は極細左インデント）として表示されます。

メッセージ

ホストの招待文は "A Word from the Hosts" のアイブロウ付きで表示され、最初の長い段落の先頭にはイタリックの Cormorant Garamond のドロップキャップが入ります。本文は Inter。

クロージングバンド

テラコッタのフッターに、ダイヤで挟んだ罫線、"Hoping to celebrate with you!" のイタリック見出し、そしてアクセント上に紙色の RSVP ピルボタンを表示します。

継承されるセクション（専用レイアウトにならないもの）

一部のセクションはデフォルトのキットでレンダリングされ、ヴェスパーの polish レイヤーを継承します：

• Photo Upload — ピル型のアップロードボタン、極細下線の入力
• QR Code — アクセント枠線の QR プレート
• Table Assignment — ピル型の検索/CTA ボタン
• Custom sections — イタリックの Cormorant 見出し、Inter 本文、やわらかなカード

polish レイヤーにより、全面的なレイアウト書き換えなしでもテンプレートに馴染む見た目になります。

ベータ版ステータス

ヴェスパーはアトリエ、シネマティック、マリーゴールドと並んで beta として提供されています。意味するところは次のとおりです：

• 本番利用に十分安定 — 10 の専用セクションと継承セクション全体でテスト済み
• 進化する可能性 — 利用データに基づき、アーチ形状の微調整、パレット追加、ポラロイドの回転リズムの磨き込みを行う場合があります
• さらにプレミアムテンプレート追加予定 — Riviera（海辺のアールデコ）は引き続きロードマップ上にあります

磨き込みが必要そうな点を見つけたら、ダッシュボードのヘルプウィジェットからフィードバックをお送りください。

よくある質問

Q: 結婚式以外のイベントでもヴェスパーを使えますか？ A: はい。ヴェスパーのやわらかなロマンティックな雰囲気は、結婚記念パーティー、誓いの更新、婚約パーティー、ブライダルシャワー、節目のファミリーの集まりに適しています。カバーのアイブロウを用途に合わせて（"Celebrating 25 Years"、"Bridal Shower" など）設定してください。

Q: ヴェスパーとマリーゴールドの違いは何ですか？ A: どちらも温かみがありエディトリアルですが、ヴェスパーは ソフトで現代的（ブラッシュ + イタリック Cormorant + アーチ写真 + ポラロイド）で、マリーゴールドは 温かくボヘミアン（クリーム + コンデンスドのスラブセリフ + 手描きイラスト + 1970 年代マガジン）です。ヴェスパーは Pinterest 2025、マリーゴールドは Vogue 1975 のような印象です。

Q: ポラロイドの回転はモバイルでも機能しますか？ A: 760px 未満の画面では、ポラロイドは中央揃えの折り返しレイアウトに変わり、小さな回転を一定に保ちます。デスクトップの重なり構図はなくなりますが、スクラップブックらしさは維持されます。

Q: 自分のアーチ形状をアップロードできますか？ A: beta ではできません。3 つのアーチ（gothic / round / garden）は手調整された SVG の clip-path です。将来のリリースでカスタムアーチアップロードを追加する可能性があります。

Q: プルクオートが斜体ではなくアスタリスク表示になります A: Markdown 形式の斜体は、単一のアスタリスクを使います：*love gives us* は love gives us と表示されます。強調したい語句を、必ずアスタリスクのペアで囲んでください。

Q: ヴェスパーはオーディオプレイヤー / 音楽背景に対応していますか？ A: はい。Fotify の標準 BackgroundMusicPlayer は、ヴェスパーを含むすべてのプレミアムテンプレートで維持されています。イベント設定に YouTube URL を追加すると有効になります。

Q: ダイヤを無効にできますか？ A: はい。カスタマイズパネルで "Show diamond ornaments" をオフに切り替えてください。セクション間、章ヘッダー、カウントダウンタイル間のダイヤがすべて消え、よりすっきりしたソフトロマンスの印象になります。

次のステップ

• テンプレートギャラリーと、適用する前にデザインを試す方法は RSVP 招待状をカスタマイズする方法 をご覧ください
• アトリエ、シネマティック、マリーゴールド と比較する
• スイス・エディトリアルスタイルの結婚式招待状なら、フォリオ をご覧ください
• 結婚式を予定している場合は、Fotify の結婚式向け写真共有アプリ もご覧ください

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