オーロラテンプレート — 完全ガイド
オーロラ は、ドレスアップしたくなる夜のための Fotify の招待状です。ダークに輝くプロダクトローンチのページから着想を得ています。黒に近いキャンバスを背後からゆっくりとゆらめくオーロラの光が照らし、すりガラスのカード、イベント名を載せた大きなグラデーションの見出し、そして日付と会場をページの端から端へ流すティッカー帯が並びます。
オーロラは 無料プランを含むすべてのプラン で利用できます。テンプレートギャラリーから選ぶだけで使えます。
このガイドでは、オーロラの見た目、オーロラ固有のオプション、そして招待状の各セクションに施されるデザイン処理について解説します。テンプレートギャラリーと選択画面については、RSVP 招待状をカスタマイズする方法 をご覧ください。
オーロラが違う理由
標準テンプレートは、ひとつの共通レイアウトの上で色とフォントを変えるものです。オーロラはレイアウトそのものを置き換えます。独自のカバー、10 のセクションの独自デザイン、独自のタイポグラフィ、そして他のテンプレートにはないオプションを備えています。
代表的なデザイン要素
- オーロラの光 — とても大きくやわらかな 3〜4 つの色のかたまりが、ページ全体の背後でゆっくりと漂い、その上に細かなフィルムグレインが重なります。ゲストがスクロールしても、光はすべてのセクションの背後に残ります。
- ガラスのカード — コンテンツのブロックはすべて、細い枠線と明るい上端を持つ半透明のカードの上に置かれ、上から光が当たっているように見えます。
- グラデーションの見出し — Sora で大きく組んだイベント名が、白から光の色へとグラデーションで変化します。
- バッジのピル — 小さく光るドットと等幅フォントのラベルが、カバーと各セクションの始まりを飾ります。
- ティッカー帯 — カバーの下で、イベント名、日付、会場が途切れることなく流れる帯です。ゲストがカーソルを重ねると一時停止します。
- 光るボタン — RSVP ボタンはやわらかな光輪をまとったグラデーションのピル、サブのボタンはガラスのピルです。
- 惑星の地平線 — 招待状の最後は、大きなグラデーションの締めの一文の下、ページ下部に昇る光の弧で終わります。
- 3 つの書体、3 つの役割 — 見出しには Sora、本文には Inter、数字・日付・ラベルには JetBrains Mono を使います。
オーロラを選ぶべきタイミング
オーロラは、日が暮れてから始まり、夜らしい雰囲気を大切にしたいイベントのために作られています。
- 誕生日パーティー — 特に 18、21、30、40 歳など、盛大に夜を楽しむ節目の誕生日
- 大晦日やカウントダウンパーティー — 光るカウントダウンはまさにこのためのものです
- ガラ、授賞式、チャリティーイベント
- 製品ローンチ、ブランドイベント、社内パーティー
- クラブナイト、DJ セット、アフターパーティー
- モダンな夜の結婚式や披露宴 — 特に光の色をアイスブルーやバイオレットナイトにした場合
- 卒業パーティーやプロム風のお祝い
昼間のガーデンイベントや、伝統的なステーショナリー風の結婚式にはあまり向きません。その場合は、静かなエディトリアルのクリーム紙なら リネン、やわらかくロマンチックなパステルなら ヴェスパー、活版印刷のフォーマルさなら アトリエ をご覧ください。
イベントにオーロラを適用する
- イベントを開き、サイドバーの 招待状 をクリックしてから、招待状 タブを開きます
- デザインテンプレート で、ギャラリーが折りたたまれている場合は テンプレートを変更 をクリックし、デザイン の中から オーロラ を見つけます
- 任意: 試してみる を押すと、あなたの招待状の内容でオーロラがライブプレビューに表示されます — このデザインを使う を押すまで何も保存されません
- または、オーロラ カードをクリックしてすぐに適用します
- ギャラリーの下にある オーロラ オプション を開き、光の色、光の強さ、その他のオプション(下記参照)を設定します。変更は自動で保存されます
後で別のテンプレートに切り替えても非破壊です。入力した文章とセクション設定はそのまま保持され、オーロラのオプションも保存されるので、戻したときにそのまま使えます。
オーロラ オプション
オーロラには独自のオプションが 7 つあります。
1. 光の色
ページの背後に広がる光の色です。オーロラ、見出しのグラデーション、カウントダウンの数字、光るボタンすべてに反映されます。
- バイオレットナイト(デフォルト) — バイオレット、マゼンタ、シアン。定番のローンチナイトの雰囲気
- サンセットエンバー — 残り火のようなオレンジ、ローズ、アンバー。温かく、黄金色の雰囲気
- エメラルドオーロラ — エメラルド、ティール、ライム。本物のオーロラのような色合い
- アイスブルー — スカイ、インディゴ、フロスト。澄んだクールな色合いで、冬のガラや夜の結婚式にぴったり
2. 光の強さ
- 控えめ(デフォルト) — 低くムーディーな光で、言葉に視線を集めます
- 鮮やか — 光を強めて、オーロラを明るく、ボタンや数字の周りの光を広げます
3. カバーのバッジ
イベント名の上にある、光る小さなピルです。デフォルトは「ご招待」。「大晦日」「ローンチナイト」「この夜を空けておいて」「30 歳になります」などもおすすめです。
4. ティッカー帯を表示
カバーの下を流れる帯のオン/オフを切り替えます。デフォルトはオンです。
5. ティッカーのテキスト
デフォルトでは、ティッカーはイベント名、日付、会場を繰り返し表示します。独自の一文を入力すると置き換えられます — 例:「きらめく装いで ✦ 夜更けまで踊ろう ✦ オープンバー」。空欄にすると自動表示の一文に戻ります。
6. 光のグリッドを表示
カバーと締めのセクションからふわりと消えていく、ステージの床のような淡いグリッドです。オフにすると、よりすっきりとした暗いページになります。
7. 締めのタイトル
招待状のいちばん最後に大きく光る一文です。デフォルトは「当日お会いしましょう」。「最高の夜にしよう」「一緒にお祝いできるのが待ちきれません」「真夜中まで」などもおすすめです。
オーロラが招待状に表示するすべてのテキスト — カバーのバッジ、セクションのラベルとタイトル、ボタンのラベル、締めの一文 — は、ページ上で直接書き換えることもできます。ライブプレビューを編集モードに切り替え、テキストをダブルクリックしてください。
各セクションのデザイン処理
カバー
オーロラのカバーは標準のヘッダーを置き換えます。上から順に:
- バッジのピル — 脈打つドットと、カバーのバッジのテキスト
- イベント名 — 大きなグラデーションの見出し
- ガラスの情報行 — 日付、時間、会場を、それぞれ小さなアイコン付きで表示します(時間はヒーロー設定の カバーに時間を表示 で非表示にできます)
- 今すぐ返信 ボタンで返信カードへ、カレンダーセクションがオンのときは カレンダーに追加 ボタンでカレンダーボタンへジャンプします
- カバー写真 — ガラスのフレームに収まり、その下にオーロラの光が溜まります(パソコンでは横長、スマートフォンでは縦長)。カバー写真がない場合、カバーはボタンの下で終わります。
カウントダウン
光る等幅の数字が、それぞれ独立したガラスのタイルに収まり、その下に単位のラベルが入ります。有効にした単位(日、時間、分、秒)を表示し、その瞬間が来たら完了メッセージを表示します。
メッセージ
招待メッセージは、上端に細い光の線が走る、中央寄せのガラスのカードに収まります。
ギャラリー(カルーセル)
角丸の写真が横一列に並び、ゲストはスワイプ(またはスクロール)して見ていきます。各写真はやわらかな光の上に浮かび、「01 / 08」のような小さなカウンターが付きます。
ストーリー
縦のタイムラインです。光るグラデーションの線が片側を縦に走り、各マイルストーンが日付のチップ、タイトル、本文、写真を載せたガラスのカードとしてそこから連なります。すべてのマイルストーンが同じ形で表示されます。
会場
1 枚のガラスのカードに、暗めのトーンの地図(会場に地図の座標がある場合)、住所、アクセス方法、そして Google マップで会場を開く 地図アプリで開く ボタンが入ります。
スケジュール
日ごとにまとめられたガラスの行で、それぞれに光る時間のチップ、予定名、場所、メモが入ります。
ギフト
ギフトリスト、お祝い金、寄付先、ウィッシュリストの項目が、ガラスのタイルとしてグリッドに並び、開く、コピー、予約のボタンが付きます。長い銀行口座情報やウォレットアドレスも、タイル内で折り返されます。
イベント詳細
ドレスコード(設定した場合はカラースウォッチ付き)、宿泊先、交通手段をガラスのカードで表示し、その後によくある質問がアコーディオン形式で続きます。ゲストが質問をタップすると答えが開きます。
Save the Date(カレンダー)
3 つのガラスのボタン — Google カレンダー、Apple · iCal、Outlook。
RSVP
返信カードは、ゆっくりと流れるオーロラ色の枠線と、周りのやわらかな光に包まれています。カードの中の RSVP フォームは、暗いページに合わせてデザインし直されています。読みやすい明るいテキスト、角丸の入力欄、光るフォーカスリング、グラデーションの送信ボタン。
締め
イベント名、大きな締めのタイトル、日付と会場、最後の RSVP ボタンの下で、ページ下部に光る惑星の地平線が昇ります。
オーロラのスタイルを受け継ぐセクション
それ以外のセクションは Fotify の標準レイアウトを使い、オーロラのダークな色、フォント、ガラスのスタイルを自動的に受け継ぎます。
- 写真アップロード — 光るアップロードボタン付きのガラスのカード
- QR コード — 常に読み取れるよう、コードは明るいプレートの上に置かれます
- テーブルの割り当て — ガラスの検索欄とボタン
- サブイベントと特別対応 — 光る承諾ボタンと受け取りボタン付きのガラスのカード
- プレイリスト — ガラスの曲リクエストフォーム
- カスタムセクション — 暗いキャンバスの上に Sora の見出しと Inter のテキスト
よくある質問
Q: オーロラは無料プランでも使えますか? A: はい。オーロラは無料プランを含むすべてのプランで利用できます。
Q: オーロラは結婚式にも使えますか? A: はい。特にモダンな夜の結婚式や披露宴によく合います。カバーのバッジを「結婚します」のような言葉にし、光の色をアイスブルーかバイオレットナイト、光の強さを控えめにして、締めのタイトルを自分たちの言葉に変えてみてください。
Q: 動く光でゲストのスマートフォンが重くなりませんか? A: いいえ。オーロラとティッカーは、スマートフォンが効率よく処理できる方法でアニメーションしており、最も負荷の高いガラスのぼかし効果はパソコンでのみ使われます。ゲストが端末で「視差効果を減らす」をオンにしている場合、光、ティッカー、枠線はすべて静止します。
Q: カラーピッカーでオーロラの色を変えられますか? A: オーロラの色は 光の色 オプションで決まります。それぞれの光の色は、暗いページでもすべてのテキストが読みやすいように検証された配色です。個別の色ではなく、イベントに合った光の色を選んでください。
Q: 暗いページは読みやすいですか? A: はい。RSVP フォームを含め、すべてのテキストは黒に近い背景の上に明るい色で表示され、どの光の色でもコントラストはアクセシビリティのガイドラインを十分に上回ります。
Q: 流れるティッカーをオフにできますか? A: はい。ティッカー帯を表示 をオフにしてください。ティッカーを残したまま、ティッカーのテキスト で独自の一文に置き換えることもできます。
Q: カバー写真がない場合はどうなりますか? A: カバーはそのまま機能します。バッジ、イベント名、日付、時間、会場、ボタンが、オーロラの光の上に中央寄せで表示されます。カバー写真はいつでも追加でき、追加するとボタンの下のガラスのフレームに表示されます。
Q: オーロラはヘブライ語やアラビア語など右から左に書く言語に対応していますか? A: はい。ストーリーのタイムラインやティッカーの流れる向きも含め、レイアウト全体が右から左の言語向けに反転します。
次のステップ
- テンプレートギャラリー、ヒーロー設定、テキストをその場で編集する方法は RSVP 招待状をカスタマイズする方法 をご覧ください
- 他のデザインもご覧ください: エディトリアルなクリーム紙なら リネン、映画ポスターのようなドラマ性なら シネマティック、温かみのある 1970 年代の色合いなら マリーゴールド、ロマンチックなアーチなら ヴェスパー
- パーティーを計画中ですか? パーティーの写真共有 で、当日の夜にゲストがリアルタイムで写真を共有する方法をご覧ください
- 料金ページ でプランを比較する
お困りですか?ダッシュボード内のヘルプウィジェットからお問い合わせください。
この記事は役に立ちましたか?