スタックテンプレート — 完全ガイド
スタック（Stack） は、モダンなサミットのウェブサイトのように組み立てた招待状です。ページ全体は、ほぼ黒の背景に小さな隙間を空けて積み重ねた大きな角丸のパネルでできています。光が弧を描くカバーに大きく置かれたイベント名と回転する返信バッジ、主要な情報を並べた色付きの帯、そしてセクションごとに 1 枚のパネルが続き、締めのパネルとフッターで終わります。
スタックは Fotify のよりシンプルなデザインのひとつです。見た目は、あなたが選ぶ 3 つの色（どんな色でも）、パネル、アクセント、帯の色から生まれます。
このガイドでは、スタックの見た目、このデザイン独自のオプション、イベントへの適用方法、そして招待状の各セクションがどのように配置されるかを説明します。
スタックは、無料プランを含むすべてのプランで利用できます。
テンプレートギャラリーとピッカーの概要は、RSVP 招待状をカスタマイズする方法 をご覧ください。
スタックの特長
標準テンプレートは、共通のレイアウトの上で色とフォントを変えるだけです。スタックはレイアウトそのものを置き換えます。独自のカバー、帯、締め、独自のセクション見出し、そしてメッセージ、カウントダウン、ギャラリー、ストーリー、アジェンダ、FAQ、返信カードそれぞれに独自のデザイン処理を持っています。
デザインの特徴
- 積み重ねたパネル — すべてのセクションが、それぞれ大きな角丸のパネルに収まります。パネルの色、またはそのほぼ黒の色合いで、パネルの間には暗い背景の小さな隙間があります
- 光の弧 — やわらかく輝く弧が、カバーと締めのパネルを横切ります
- 回転する返信バッジ — 返信ボタンの文字が、中央に矢印のある円に沿って回ります。タップすると RSVP フォームへ移動します
- 数字の帯 — 「3 日間」「40 以上のトーク」のように入力した最大 4 つの短い情報を、細いきらめきを間にはさんで、カバーの下の色付きの帯に表示します
- ［ブラケット］ラベル — すべてのセクションが、アクセントカラーの角括弧に囲まれた小さな大文字のラベルで始まります
- サミットの書体 — お名前、タイトル、数字には親しみやすい幾何学的なサンセリフ Urbanist、読む文章には Red Hat Text を使います
- 常に読みやすい — 淡い黄色や黒に近い色など、どんな色を選んでも、文字とボタンは、はっきり読めるまで調整されます
スタックを選ぶ場面
スタックは、今どきで、きちんと整理された印象にしたいイベントに向いています。
- カンファレンス、サミット、ミートアップ — 横長の行で並べたアジェンダ、運営メンバーを見せるポートレートカード、ゲストが目を通せる FAQ
- 新製品の発表会と会社のパーティー — ブランドカラーのパネルとアクセント、帯に入れた主要な数字
- チームのオフサイトと会社の節目 — 宣言文のようなウェルカムメッセージと、大きなタイルのカウントダウン
- 卒業パーティー — 帯に入れた学年、週末、パーティーと、カードごとに語るストーリー
どんな場面でも、ゲストが撮る写真は招待状と同じくらい大切です。ゲストはイベントの QR コードをスキャンして、共有ギャラリーに写真を追加できます。Fotify の企業イベントでの使い方をご覧ください。
要点がいつも目に入る、ブランドカラーの分割画面ページなら メリディアン を、スライドのある舞台としてカンファレンスを見せるなら キーノート をお試しください。
イベントにスタックを適用する
- イベントを開き、サイドバーの 招待状 をクリックしてから、招待状 タブを開きます
- デザインテンプレート で、ギャラリーが折りたたまれている場合は テンプレートを変更 をクリックし、デザイン の中から スタック を見つけます（企業イベント フィルターに表示されるほか、パーティー と 卒業 にも表示されます）
- 任意: 試してみる を押すと、あなたの招待状の内容でスタックがライブプレビューに表示されます — このデザインを使う を押すまで何も保存されません
- または、スタック カードをクリックしてすぐに適用します
- ギャラリーの下にある スタック オプション を開き、色と、以下で説明するその他のオプションを設定します。変更は自動で保存されます
スタックはすべてのプランで利用できます。無料イベントでは、招待状の下隅に小さな 「Fotifyで作成」 バッジが表示されます。有料プランまたは有効なサブスクリプションがあれば、このバッジは外れます。
後で別のテンプレートに切り替えても非破壊です。イベント内容は入力したとおりに保持され、スタックのオプションも保存されるので、戻したときにそのまま使えます。
スタックのオプション
スタックには 10 個の独自オプションがあります。これらは、スタックが使わない標準の色とフォントの設定に代わるものです。
1. パネルの色
ページを組み立てるパネルの色です。おすすめの色 — インディゴ（デフォルト）、フォレスト、プラム、チャコール、オーシャン — から選ぶか、好きな色を選ぶ でお使いの端末のカラーピッカーを開き、ブランドカラーにぴったり合わせられます。色のコードはチップの横に表示されます。
どんな色でも使えます。スタックは常に、それを同じ色相の暗い色合いに深くするので、ページはいつも暗い積み重ねの印象を保ちます。パネルの間の背景、パネル内のカード、カバーの光の弧も、その色に合わせて変わります。
2. アクセント
ボタン、返信バッジ、FAQ で開いている質問、小さな［ブラケット］ラベルの色です。おすすめの色は、ペリウィンクル（デフォルト）、ライム、コーラル、スカイ、ゴールドで、好きな色を選ぶ こともできます。ギフトとストーリーの明るいカードには、その淡い色味が使われます。その上のすべてのラベルが読みやすいよう、色合いは調整されます。
3. 帯の色
カバーの下の数字の帯と、「カレンダーに追加」パネルの色です。おすすめの色は、クリムゾン（デフォルト）、マゼンタ、オレンジ、ティール、バイオレットで、好きな色を選ぶ こともできます。帯の上の文字は、いつも読めるよう白と濃い色が自動で切り替わります。
4. 花の形のストーリー写真
オンにすると、ストーリーカードの写真が、角丸のポートレートではなく 4 枚の花びらの花の形に切り抜かれます。デフォルトではオフです。変わるのは形だけで、写真そのものはアップロードしたままです。
5–8. 数字 1〜4
カバーの下の帯に入れる 4 つの短い情報で、それぞれ 24 文字までです。入力したとおりに表示されます（例：「3 日間」「40 以上のトーク」「600 名」「2027 年度卒業」）。どれかを空欄にすると、その項目は省かれます。4 つすべてが空欄の場合、帯はまったく表示されません。スタックが、数字を数えたり作ったりすることはありません。
9. カバーの一文
カバーの隅に入る短い一文です（80 文字まで）。空欄にするとデフォルト（「ご招待」）が使われます。「チーム全員で参加する年次サミット」や「2 日間のトークと、長い夕食」などをお試しください。
10. 締めの一文
締めくくりのパネルの、返信ボタンの上に入る大きな一文です（80 文字まで）。空欄にするとデフォルト（「席を確保する」）が使われます。
スタックが招待状に表示するすべての文章 — カバーの一文、返信バッジとボタン、セクションのラベルとタイトル、カウントダウンの単位、チケットのラベル、締めの一文 — は、ページ上で直接書き換えることもできます。ライブプレビューを編集モードに切り替えて、文章をダブルクリックしてください。すでに各設定で決めてあるセクションのタイトル（ストーリー、カウントダウン、ギフト、宿泊先、アクセス、よくある質問）も、同じようにその場で編集できます。
各セクションのデザイン処理
表紙
最初のパネルが標準のヘッダーに代わります。
- パネルを横切る 光の弧
- 隅に カバーの一文（オプション 9）
- イベント名の上に 日付、時間、場所 — 時間は招待状のカバーの カバーに時間を表示 設定に、日付と場所は カバーに日付を表示 と カバーに場所を表示 に従い、ゲストにはどのタイムゾーンでも、あなたが選んだ日付が表示されます
- Urbanist で大きく組んだ イベント名。長い名前はひと回り小さくなり、単語の途中で改行されることはありません
- 反対側の角丸のフレームに カバー写真。設定した横方向のトリミングを保ちます
- 返信バッジ — ゆっくり回る円に沿って返信の文字が走り、写真の角に置かれます（写真がない場合は単独で表示されます）。RSVP フォームまでスクロールし、RSVP セクションが表示されているときだけ現れ、Save the Date ページには表示されません
カバーの下には、数字を入力した場合に、その数字（オプション 5〜8）を入れた 帯 が続きます。
セクション見出し
各セクションは、アクセントカラーの角括弧に囲まれた小さな大文字のラベルで始まり、続いて大きく組んだタイトル、ストーリーとギフトではサブタイトルやギフトのメッセージが入ります。
メッセージ — 宣言文
メッセージは、サミットのひと言の紹介文のように大きく組まれ、ほぼ黒のパネルに置かれます。長いメッセージは読み物用の書体に切り替わります。
カウントダウン — 主要な数字のタイル
各単位は角丸のタイルで、数字が非常に大きく、名前が下に小さな［ブラケット］ラベルとして入ります。広い画面ではすべてが一列に並びます。会場のタイムゾーンでイベントの日時までを数え、その瞬間が来ると、あなたが書いた完了メッセージが表示されます。
ギャラリー（カルーセル）
写真は、ほぼ黒のパネルの上の細い線のグリッドに並びます。すべての写真が角丸のそれぞれのセルに収まり、スマートフォンでは 1 行に 2 枚、広い画面では 3 枚です。
ストーリー — ポートレートカード
各節目は、アクセントの淡い色味をつけた明るいカードです。上に写真（角丸のポートレート、またはオプション 4 をオンにすると 4 枚の花びらの花の形）、名前としてのタイトル、アクセントカラーの日付、その下に文章が並びます。どの節目も同じ形で組まれ、日付や写真のない節目は、その部分を省きます。
スケジュール — アジェンダ
アジェンダは横長の行で表示されます。片側に時刻、中央に大きく組んだ内容とその下のメモ、反対側に場所が並び、各行は細い線で区切られます。各日は、日付またはラベルを［ブラケット］ラベルとして表示して始まります（その日に日付またはラベルがあるときだけ）。予定のアイコンは表示されません。
RSVP — チケット
「ご一緒にいらっしゃいますか？」と、その下に返信期限を表示し、返信フォームはチケットのように仕立てたカードに入ります。上部にイベントの日付と場所、続いて両端に切り欠きを抜いた破線の切り取り線です。Save the Date ページでは、フォームの代わりに Save the Date のメモがカードに入ります。
会場、ギフト、イベント詳細、Save the Date
この 4 つのセクションは、Fotify のカラーピッカー対応の他のデザイン（メリディアン、スレッド、プリズム、デュオトーン）と構造を共有し、スタックのパネルで仕上げられます。
- 会場 — ほぼ黒のパネルの上に、地図カードと、住所、アクセス方法、地図アプリで開く ボタンを入れた住所カードが並びます。地図を表示できない場合は、地図カードに会場の座標とピンを描きます。座標がない場合は、住所カードが全幅に広がります
- ギフト — ギフトリスト、支払い方法、寄付先、ウィッシュリストの項目が、それぞれ 1 行に最大 3 枚の明るいカードになり、ボタンの上には破線の切り取り線が入ります。複数の種類を用意している場合は、小さなラベル（件数付き）ごとにまとめて表示されます。支払い情報は コピー ボタン付きのくぼんだ欄に表示され、長い口座番号もカード内で折り返されます。支払いリンク、スキャンして贈る QR コード、ウィッシュリストの予約は、各カードにボタンとして表示されます
- イベント詳細 — ほぼ黒のパネルの上に、トピックごとのカードが並びます。ドレスコード はおすすめの色と避けたい色をスウォッチで表示し、宿泊先 はホテルごとのミニカード（距離、価格帯、プロモコード、メモ、予約する ボタン）、アクセス は交通手段ごとのアイコン付きです。そして よくある質問 は、角丸のタイルが 2 列に並びます。最初の質問は開いた状態で始まり、開いている質問はアクセントカラーで塗られます
- Save the Date（カレンダー） — 帯の色のパネルに、タイトル、イベントの日付、Google、Apple（カレンダーファイルをダウンロード）、Outlook の各ボタンが入ります
締め
再び光の弧を載せた締めのパネルに、大きく組んだ締めの一文（オプション 10）と返信ボタンが並びます。その下のフッターのパネルには、イベント名、日付と場所、そしてページのすべてのセクションへのリンクが入ります。
共通レイアウトを使うセクション
次のセクションは Fotify の共通レイアウトのまま、スタックのスタイルで仕上げられます。
- 写真アップロード、QR コード、テーブルの割り当て、プレイリスト、サブイベント、特別対応、カスタムセクション
それぞれが、ページの他の部分と同じ列の中で、スタックのパネルになります。タイトルは Urbanist、ボタンはアクセントカラーです。カスタムセクションの写真は高さが制限されるため、縦長のポートレート写真がページを占領することはありません。
よくある質問
Q: 帯の数字はどこから取られますか？ A: 数字 1 から 数字 4 のオプションからのみで、入力したとおりに表示されます。スタックが、ゲスト数、トーク数、日数などを代わりに数えることはありません。すべて空欄にすると帯は非表示になります。
Q: 淡いパネルの色を選びました。それでもページが暗いのはなぜですか？ A: スタックは暗い積み重ねとして作られています。選んだパネルの色は常に同じ色相の暗い色合いに深くされるため、淡い黄色は深いオリーブ色になります。明るい色を使いたい場合は、代わりに アクセント オプションを使ってください。
Q: スタックをカンファレンスではなく、卒業パーティーやパーティーに使えますか？ A: はい。帯にはご自身の情報（「2027 年度卒業」「みんなで大パーティー」）を入れ、カバーの一文 はご自身の言葉で書き、場面に合う色を選んでください。
Q: 花の形の写真とは何ですか？ A: 花の形のストーリー写真 をオンにすると、ストーリーカードの写真が、角丸の長方形ではなく 4 枚の花びらの花の形に切り抜かれます。写真そのものは変わらず、オプションをオフにすると長方形に戻ります。
Q: カバー写真がありません。カバーは寂しくなりませんか？ A: いいえ。写真がない場合でも、カバーには光の弧、イベント名、返信バッジがそのまま残ります。
Q: スタックは右から左に書く言語でも使えますか？ A: はい。ヘブライ語とアラビア語ではレイアウトが反転します。イベント名とアジェンダの時刻は右側に、写真とバッジは左側に移り、光の弧は反対向きに走ります。
Q: ページは動きますか？ A: やさしく動くだけです。返信バッジがゆっくり回り、スクロールに合わせてパネルがふわりと現れます。端末で動きを減らす設定をしているゲストには、動かないページが表示されます。
次のステップ
- テンプレートギャラリーと、適用する前にデザインを試す方法は RSVP 招待状をカスタマイズする方法 をご覧ください
- プロフェッショナルなイベント向けの他のデザインと比べてみましょう。ブランドカラーの分割画面ページの メリディアン、またはスライドのあるカンファレンスの舞台の キーノート
- QR コードで、ゲストが写真を共有できます。Fotify の企業イベントと RSVP 付きデジタル招待状 についてご覧ください
お困りですか？ダッシュボード内のヘルプウィジェットからお問い合わせください。
この記事は役に立ちましたか？