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

ベントー は、洗練されたプロダクトサイトが機能を紹介するときのように、招待状を角丸タイルのモジュール型グリッドに変えるテンプレートです。リネンがファッション誌、アトリエが活版印刷のステーショナリーのような読み心地なのに対し、ベントーはシャープで明るく、モダンです — 温かみのあるポーセリンのキャンバスに白いタイル、字間を詰めた大きな見出し、小さな等幅フォントのラベル、そして大胆なアクセントカラーがひとつ。

このガイドでは、ベントーの見た目、ベントー固有のオプション、適用方法、そして招待状の各セクションに施されるデザイン処理について解説します。

テンプレートライブラリとテンプレート選択画面の概要については、RSVP 招待状をカスタマイズする方法をご覧ください。

ベントーが違う理由

標準テンプレートは、ひとつの共通レイアウトを色とフォントでスタイリングし直すものです。ベントーはレイアウトそのものを置き換えます。カバー、カウントダウン、ギャラリー、ストーリー、スケジュール、ギフト、詳細、カレンダーボタン、RSVP フォームが、すべてグリッド上のタイルとして作り直されています。

代表的なデザイン要素

タイルで組むカバー — ヒーローバナーの代わりに、カバーはタイルの集合になります。イベント名を載せた大きなタイトルタイル、写真タイル、大きな日付の数字を載せた日付タイル、時間タイル、ピン付きの場所タイル、そしてゲストをフォームへまっすぐ案内する鮮やかな RSVP タイル
浮かぶピル型ナビゲーション — 画面上部に固定されるガラス風のピルで、イニシャル、表示中の各セクションへのリンク、RSVP ボタンが入ります。ゲストがスクロールすると、いま読んでいるセクションのリンクがハイライトされます。スマートフォンでは、ゲストがスクロールを始めるとすぐにスライドインします
大ぶりなディスプレイ書体 — 名前、タイトル、数字には字間を詰めた極太の Inter Tight、本文には Inter、各タイルの小さな大文字ラベルには JetBrains Mono を使います
アクセントカラーはひとつだけ — タンジェリン、コバルト、ライム、バイオレットから選び、RSVP タイル、ナビのボタン、時間のチップ、フォーカスリングなど、必要な場所にだけ使います
4 つのキャンバス（うち 1 つはダーク） — ポーセリン、グラファイト（ダークモード）、セージ、ブラッシュ
3 つの角のスタイル — ソフト、さらに丸いラウンド、角張ったシャープなタイルとボタン
反応するタイル — デスクトップでは、ポインターを重ねるとタイルがわずかに浮き上がります。端末で「視差効果を減らす」を設定しているゲストには、動きのないページが表示されます

ベントーを選ぶべきタイミング

ベントーは、招待状を今っぽく、整理されていて、ひと目で読み取りやすいものにしたい主催者に向いています。

モダンな結婚式 — 特に都会的な結婚式や、花やカリグラフィーよりすっきりしたグラフィックデザインが好きなカップルに
企業イベント、ローンチ、カンファレンス — プロダクトサイト風の見た目は、社内イベント、オフサイト、製品ローンチ、ミートアップにぴったりです。企業イベントもご覧ください
誕生日や節目のパーティー — 夜のパーティーならグラファイトにライムかタンジェリン、やわらかい雰囲気ならブラッシュを。誕生日もご覧ください
複数日にわたるイベント — スケジュールのタイル、詳細のグリッド、セクションナビゲーションで、長い週末の予定も追いやすくなります
実用的な情報が多いイベント — ドレスコード、ホテル、交通手段、よくある質問、ギフトが、長いテキストの羅列ではなく、それぞれ専用のタイルにまとまります

白黒写真を使った静かなエディトリアルの雰囲気ならリネン、フォーマルな活版印刷のステーショナリーならアトリエ、やわらかくロマンチックなパステルならヴェスパーを選んでください。

イベントにベントーを適用する

イベントを開き、サイドバーの 招待状 をクリックしてから、招待状 タブを開きます
デザインテンプレート で、ギャラリーが折りたたまれている場合は テンプレートを変更 をクリックし、デザイン の中から ベントー を見つけます
任意: 試してみる を押すと、あなたの招待状の内容でベントーがライブプレビューに表示されます — このデザインを使う を押すまで何も保存されません
または、ベントー カードをクリックしてすぐに適用します
ギャラリーの下にある ベントーオプション を開き、キャンバス、アクセントカラー、角の丸み、その他のオプション（下記参照）を設定します。変更は自動で保存されます

ベントーは、無料プランを含むすべてのプランと、サブスクリプションイベントで利用できます。後で別のテンプレートに切り替えても非破壊です。イベント内容は入力したとおりに保持され、ベントーのオプションも保存されるので、戻したときにそのまま使えます。

カスタマイズオプション

ベントーには、Fotify の標準コントロールに加えて、独自のオプションが 6 つあります。

1. キャンバス

すべてのタイルの背後にあるニュートラルな色です。

ポーセリン（デフォルト） — 温かみのあるオフホワイトのキャンバスに、真っ白なタイルと黒に近いテキスト
グラファイト — ダークモードです。黒に近いキャンバス、チャコールのタイル、明るいテキスト。締めのタイルと日付タイルは明るい色に反転し、フォームのコントロールもダーク版に切り替わります
セージ — やわらかなグリーングレーのキャンバス
ブラッシュ — やわらかなピンクのキャンバス

2. アクセントカラー

ページで唯一の鮮やかな色です。RSVP タイル、ナビの RSVP ボタン、送信ボタン、時間のチップ、フォーカスリングに使われます。

タンジェリン（デフォルト） — 温かみのあるオレンジレッド
コバルト — 鮮烈なブルー
ライム — 鮮やかなイエローグリーン。グラファイトと合わせると印象的です
バイオレット — 鮮やかなパープル

どのアクセントにも専用のラベルカラーが用意されており、どのキャンバスでもボタンの文字が読みやすいように選ばれています。

3. 角の丸み

タイル、写真、ボタンの角の丸みです。

ソフト（デフォルト） — 角丸のタイルと、完全なピル型のボタン
ラウンド — さらにやわらかく、ぷっくりとしたタイル
シャープ — ほぼ四角いタイルになり、ピル型のボタンも角張ったボタンになります

4. カバーのラベル

カバーのイベント名の上に、色付きのドットとともに表示される小さなラベルです。デフォルトは「ご招待」。「日程のお知らせ」「ぜひお越しください」「ローンチナイト」など、自由な言葉に変えられます。

5. 締めのタイトル

ページ下部の、ダークな締めのタイルに大きく入る一文です。デフォルトは「当日お会いしましょう。」。「6月にお会いしましょう」「一緒にお祝いしましょう」「楽しみにしています」などもおすすめです。

6. フローティングナビゲーション

画面上部のピル型ナビゲーションのオン（デフォルト）/オフを切り替えます。オフにすると、カバーが少し上に詰まり、ゲストは通常どおりページをスクロールします。

ベントーが招待状に表示するすべてのテキスト — タイルのラベル、セクションのタイトル、RSVP タイル、ボタンのラベル — は、ページ上で直接書き換えることもできます。ライブプレビューを編集モードに切り替え、テキストをダブルクリックしてください。カバーのラベルと締めのタイトルも、同じようにその場で編集できます。

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

カバー

標準のヘッダーの代わりに、タイルの集合が配置されます。

タイトルタイル — カバーのラベルの下に、イベント名をとても大きく表示します。長い名前は自動的にひと回り小さくなり、単語の途中で改行されることはありません
写真タイル — カバー写真をタイルいっぱいにトリミングして表示します。写真がない場合、デスクトップではドット柄のパネルにイニシャルを表示し、スマートフォンではこのタイルを省略します
日付タイル — 大きな日付の数字の横に、月、曜日、年を表示します
時間タイル — 開始時刻を 12 時間制または 24 時間制で表示します。カバーの カバーに時間を表示 設定で非表示にできます
場所タイル — イベントの場所をピン付きで表示します
RSVP タイル — アクセントカラーのタイルで、フォームへまっすぐスクロールします

デスクトップでは、タイトルと写真が横に並び、その下に情報タイルが 1 列に並びます。スマートフォンでは、すべてが整った 2 列のグリッドに積み重なります。

メッセージ

横長のタイルがひとつ。片側に小さなラベルとイニシャル、もう片側にメッセージを、プロダクトページの見出しのように大きく配置します。強調した語句はアクセントカラーになります。長めのメッセージは、読みやすいサイズに自動で小さくなります。

カウントダウン

タイトルタイルの後に、日・時間・分・秒の単位ごとにタイルが並び、それぞれ大きな数字を表示します。カウントダウン設定でオフにした単位は表示されず、残りのタイルが横に広がります。当日になると、数字の代わりにアクセントカラーのタイルで完了メッセージが表示されます。

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

写真はベントーらしいモザイク状に並びます。大きなメイン写真、その横に小さな写真 2 枚、続いて縦長と横長の写真が 1 枚ずつ、という並びが繰り返されます。最後の写真は常にグリッドを埋めるように広がるので、写真が何枚でもきれいに収まります。

ストーリー

同じ形のカードが横に並びます。上に写真、その下に日付、タイトル、本文。スマートフォンではスワイプで、デスクトップでは矢印ボタンで切り替えます。写真のないマイルストーンは、色付きのパネルに番号を表示するので、すべてのカードが同じ形のまま揃います。

会場

地図タイルの横に住所タイルが並び、住所全文、アクセス方法、地図アプリで開く ボタンが入ります。地図を表示できない場合は、地図タイルに会場の座標とピンを描きます。座標がない場合は、住所タイルが全幅に広がります。

スケジュール

1 日ごとに 1 行です。大きな日付の数字と日付全体を載せたダークな日付タイルの横に、その日の予定がカードとして並びます。各カードは時間のチップで始まり、予定名、場所、メモが続きます。

ギフト

ギフトリスト、支払い方法、寄付先、ウィッシュリストの項目が、それぞれグリッド内の独立したタイルになります。複数の種類を用意している場合は、小さなラベルごとにまとめて表示されます。支払い情報はコピーボタン付きのくぼんだ欄に表示され、長い口座番号やウォレットアドレスもタイル内で折り返されます。支払いリンクやスキャンして支払う QR コードは、その下にボタンとして表示されます。

イベント詳細

トピックごとにタイルを用意します。ドレスコード はおすすめの色と避けたい色をスウォッチで表示し、宿泊先 はホテルごとのカード（距離、価格帯、プロモコード、予約リンク）、アクセス は手段ごとのカード、そして全幅の よくある質問 タイルでは、タップするたびに各質問が開閉します。

Save the Date（カレンダー）

1 枚のタイルで、片側にタイトルと日付、もう片側に Google、Apple、Outlook の 3 つのボタンを配置します。

RSVP

大きな白いタイルで、片側にタイトルと返信期限、もう片側に RSVP フォームを配置します。出欠の選択は 2 枚の選べるタイルになり、入力欄は角丸のくぼんだデザインに、送信ボタンはアクセントカラーになります。デスクトップでは、ゲストが長いフォームをスクロールしてもタイトルが表示されたままです。

締め

イニシャル、締めのタイトル、日付と場所を載せたダークな締めのタイルの横に、もう 1 枚アクセントカラーの RSVP タイルが並びます。

共通レイアウトを使うセクション

いくつかのセクションは Fotify の共通レイアウトのまま、ベントーのスタイルで仕上げられます。それぞれが同じ列の中のタイルになり、ベントーの見出しとボタンが使われます。

写真アップロード — アクセントカラーのアップロードボタン、角丸の写真
QR コード — 角丸のプレートとピル型の保存ボタン
あなたのテーブル — テーブル名をアクセントカラーのチップで表示
サブイベントと特典 — ピル型の参加・辞退・特典解除ボタン
プレイリストのリクエスト
カスタムセクション — ベントーの見出しを使います。セクションの写真は角丸になり、高さが制限されるため、縦長のポートレート写真がページを占領することはありません

よくある質問

Q: ベントーはテック系や企業のイベント専用ですか？ A: いいえ。見た目はプロダクトサイトから着想を得ていますが、結婚式を含め、すっきりしたモダンなデザインが好きなあらゆるイベントに合います。やさしい雰囲気ならブラッシュやセージにソフトな角を、大胆なパーティーならグラファイトにライムを選んでください。

Q: ダークなグラファイトのキャンバスは、ゲストのダークモード設定に連動しますか？ A: いいえ。キャンバスは主催者が選ぶもので、すべてのゲストに同じデザインが表示されます。グラファイトは、選択できるダークなオプションのひとつです。

Q: ナビゲーションに表示されないセクションがあるのはなぜですか？ A: ナビゲーションには、オンになっていて内容があるセクションだけが、セクションの並び順で表示されます。RSVP はリンクではなく、ピルの最後に専用のボタンとして表示されます。

Q: イベント名が長いのですが、カバーに収まりますか？ A: はい。ベントーは名前の長さと最も長い単語から見出しのサイズを決めるので、長い名前はひと回り小さくなり、単語の区切りで改行されます。

Q: アクセントカラーを自社のブランドカラーに変えられますか？ A: ベントーでは、検証済みの 4 つのアクセント（タンジェリン、コバルト、ライム、バイオレット）を用意しています。それぞれに、どのキャンバスでもボタンが読みやすいラベルカラーが組み合わされています。

Q: ベントーは標準機能をすべてサポートしていますか？ A: はい。カバー、メッセージ、カウントダウン、ギャラリー、ストーリー、会場、スケジュール、ギフト（ウィッシュリストの予約や共同プレゼントを含む）、イベント詳細、カレンダーボタン、RSVP にはすべてベントー専用のレイアウトがあり、それ以外のセクションは共通レイアウトをベントーのスタイルで表示します。封筒のオープニングや BGM も通常どおり機能します。

次のステップ

テンプレートギャラリーと、適用する前にデザインを試す方法は RSVP 招待状をカスタマイズする方法をご覧ください
エディトリアルなミニマリズムならリネン、活版印刷のフォーマルさならアトリエと比べてみましょう
Fotify の RSVP 付きデジタル招待状について詳しく見る

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