Atelier のご紹介:デジタル結婚式招待状のためのプレミアム・エディトリアル テンプレート(ベータ)
多くのデジタル結婚式招待状は“ウェブサイト”に見えます。Atelier は、あなたが注文しかけた Bella Figura の印刷スイートのように見えます。
そのギャップ — 「これはデジタルの RSVP ページだ」と「これは引き出しに取っておきたくなる“招待状”だ」のあいだ — こそ、最も埋めにくいものでした。標準的なデジタル招待状テンプレートは色やフォント、いくつかの効果を変えられても、下地のレイアウトは常に“積み重なったセクションの一覧”。Atelier は違います。レイアウトそのものを置き換えます。
本日、Atelier — 私たちの初のプレミアム結婚式招待状テンプレート — を プレミアイベントでベータ提供として公開しました。
この記事では、Atelier の概要、背後にあるデザイン判断、用意されたすべてのカスタマイズ、セクションごとの表現、想定する利用シーン、導入方法を順にご紹介します。
Atelier とは
Atelier は、実在のレタープレス招待状スタジオ(Bella Figura、Smock、La Tavola、Minted のハイエンド箔コレクション)を手本にした、完全なエディトリアル・ウェディングスイートです。以下を同梱しています。
- 自己ホストのセリフ体タイポグラフィ — 見出しに Playfair Display、本文に EB Garamond
- 標準のヒーローを置き換えるエディトリアルなカバー — 箔のモノグラムクレストを配した 44/56 スプリット、イタリックのアイブロー(「are getting married」「invite you to a gala」など)、ディスプレイセリフの氏名、オーナメントの区切り、箔枠の写真
- スティッキーなローマ数字サイドインデックス(デスクトップ)— 現在のセクションをハイライト
- マガジン風セクションレイアウト — ストーリーのスプレッド、エングレーブ風の行程表、ローマ数字のギフトレジストリ、プルクォートのドレスコード、エングレーブ風のカウントダウン・カルトゥーシュ
- 随所に箔押しのディテール — セクション間のオーナメント区切り、写真の箔の極細フレーム、箔アウトラインのボタン、RSVP 用のレタープレス返信カード
- 「Réponse s'il vous plaît」コロフォン — カバー下部に配置
結果として“作られたもの”ではなく“刷られたもの”として読まれます。フォームではなくアーティファクトとして見えるから、思わず写真に撮って共有したくなる招待状です。
デザイン哲学:ウェブサイトではなく、エディトリアル
Fotify の標準テンプレート(Classic、Romantic Blush、Golden Elegance、Midnight Garden ほか 10 種)は、いずれも同じ骨格を共有しています。トップにヒーロー画像、下にセクションを積み重ね、下部付近に RSVP フォーム。13 の標準テンプレートは色・フォント・モーションで差別化されますが、レイアウト自体は同一です。
それは意図された設計であり、多くのイベントでは正解です。日付・会場・スケジュール・RSVP といった情報は、予測可能な位置にあってほしいから。標準テンプレートは数秒でセットアップでき、結婚式の 95% をカバーします。
Atelier は、招待状そのものが体験の一部になる残り 5% のためのものです。
三つのエディトリアル原則がこれを形作ります。
装飾よりレイアウト。 雑誌のページが効くのは書体が派手だからではなく、レイアウトが“やり切っている”から。ストーリーはカードではなく見開きで現れ、行程は箇条書きではなくエングレーブ風のスケジュールに。ドレスコードはチェックボックスではなくプルクォートで。視覚的ヒエラルキーが意味を運びます。
箔はアクセント、紙は余白。 レタープレスのスイートが格調を得るのは抑制ゆえ — ページの大半は“紙”で、箔は要所(モノグラム、氏名、セクション間の罫など)に限られます。Atelier ではすべての箔アクセントを単一の --atelier-foil トークンで制御し、ゴールド/ローズゴールド/シルバー/カッパー/アンティークブラスを切り替えるだけで、スイート全体が一貫して再テーマ化されます。
タイポグラフィは建築。 Playfair Display と EB Garamond は、黒のタキシードと白のドレスシャツの関係 — 頑張らずにフォーマルに“見える”組み合わせ。Atelier は存在感が必要な要素(カバーの氏名、章題、モノグラム、カウントダウンの数字)に Playfair を、読みやすさが要る要素(本文、説明、住所)に EB Garamond を用います。
セクション別:ビスポークなレイアウト
Atelier は標準ライブラリの 18 セクションのうち 10 セクションを、手仕事のエディトリアル表現で置き換えます。それぞれの見え方は以下のとおりです。
カバー(標準ヒーローの代替)
左にインデックス列、右に箔枠の写真を配した 44/56 スプリット。インデックス列には次が入ります。
- 箔のクレストに収めたあなたのモノグラム(連結イニシャル、スタックブロック、フレーム入りクレストから選択)
- 氏名の上に置くイタリックのアイブロー(「are getting married」「celebrate 50 years together」「invite you to a gala dinner」など、あなたの言葉)
- 氏名(ディスプレイセリフ、サイズ: clamp(3rem, 7vw, 5.5rem))
- オーナメントの区切り(箔)
- 開催日(字間を空けた大文字セリフ、極細の箔罫線の上に配置)
- 会場名(イタリック、落ち着いたインク色)
- 足元の**「Réponse s'il vous plaît」** コロフォン
インデックス列の左端には縦の箔罫線が走り、レタープレスカードの“紙端”を象ります。
メッセージ
招待文の HTML は、最初の段落に 5.5rem の箔押しドロップキャップ を配し、本文は EB Garamond の 1.2rem、下に箔のオーナメント区切りを敷いてレンダリング。見出しはエディトリアルなサイズ(h1 = clamp(2.25rem, 5vw, 3.25rem) の Playfair Display)、箇条書きは箔のビュレット、番号リストは Playfair イタリックのローマ数字カウンター、引用は左に箔の罫線、リンクは箔の下線で表現します。
リッチテキストで丁寧に書いた招待文が、公開すると“普通のブログ文”に見えてしまった——そんな経験があるなら、これが解決です。
カウントダウン
四つのエングレーブ風カルトゥーシュ(日・時・分・秒)。上下に極細の箔罫線を引き、その間に Playfair Display の箔数字を置き、各カルトゥーシュの上下中央にティックマークを配します。
ギャラリー
スライダーではなくマガジンスプレッド。最初の写真は 16:9 の“エスタブリッシングショット”として箔の極細フレーム付きで表示。残りの写真は同じフレームで 2 カラムまたは 3 カラムのグリッドに流し込みます。
ストーリー
各マイルストーンは 2 カラムの交互スプレッドで表示 — 写真左/テキスト右、次はテキスト左/写真右。写真は箔の極細フレーム。日付は箔イタリックの字間を空けた大文字で、その下にセリフの章タイトルと EB Garamond の説明文を置きます。
会場(ロケーション)
2 カラムの「エングレーブ風マッププレート」。片側に箔枠の Google マップ iframe、反対側にイタリックの会場カード — Playfair Display の住所、「Directions」のサブ見出し、あなたが追加した道順を表示します。
行程表
エングレーブ風の週末プログラム。各日には極細の箔罫線上に浮かぶ日付ヘッダーを設置。各エントリーは、箔イタリックの時刻列・小さな箔ビュレット・セリフのイベント名・イタリックの場所メモという行で並びます。
ギフトレジストリ
三つのサブセクション(レジストリ/金銭ギフト/チャリティ)を箔のオーナメントで区切ります。各レジストリ・支払い方法・寄付先は、左にPlayfair イタリックのローマ数字、中央に Playfair の項目名とイタリックの説明、右に箔アウトラインのリンクまたはコピー ボタンという行で表示します。
詳細(宿泊、FAQ、ドレスコード、交通)
- ドレスコードはプルクォートとして表示(箔の引用符と、設定済みなら丸いカラースウォッチ付き)
- 宿泊は貼り込みカード風 — 紙色のカードに 4px の箔シャドウをずらして(レタープレスの趣)、Playfair のホテル名、イタリックのメタ行、ゴールドのプロモコードスタンプを表示
- 交通は箔枠の行で表示
- FAQ はセリフ体の Q&A リストとして、質問に箔の罫線
セーブ・ザ・デート(カレンダー)
三つの統一された箔アウトラインボタン(Google カレンダー、Apple/iCal、Outlook)。既定キットのブランドチップは置き換えられ、Atelier は全セクションで視覚言語の一貫性を保ちます。
RSVP(返信カード)
RSVP はレタープレスの返信カードとして、別トーンの用紙に 0.75px の箔枠と 8px のオフセットシャドウ付きでレンダリング。上部にモノグラムのクラウン、イタリックのアイブロー「The favour of a reply is requested」、箔イタリックの「Réponse s'il vous plaît」見出し、そして標準の RSVP フォームをテーマ統一 — 下線のみの入力欄、イタリック大文字のラベル、箔アウトラインの出席/欠席ボタン。
既定のままのもの
ビスポークな Atelier の上書きがないセクション(写真アップロード、QR コード、席次、custom-1〜custom-5)は、自動的に Atelier の箔×セリフのテーマを仕上げレイヤーで継承します。専用レイアウトがなくてもブランド感は揃います。
Atelier のカスタマイズ:7 つのコントロール
Atelier には、標準の色・フォントとは別に、ピッカーの「Customize」パネル内に専用のカスタマイズ項目があります。プレミアムギャラリーから Atelier を選んだら「Customize」を開き、「Atelier Premium」 ブロックを展開してください。
- モノグラム — 最大 4 文字。通常はホストのイニシャル(例: 「A&F」)。カバー、RSVP 返信カード、フッターに表示。
- カバーの招待ライン — 氏名の上に置くイタリックのアイブロー。「are getting married」「invite you to a black-tie gala」「are turning 50」「celebrate 25 years together」など。空欄で非表示。
- 箔色 — ゴールド、ローズゴールド、シルバー、カッパー、アンティークブラス。テンプレート全体の箔アクセントを制御。
- ペーパートーン — クリーム、アイボリー、ブラッシュ、セージ、チャコール。チャコールは暗色バリアント(ほぼ黒の紙にクリーム色の文字)。
- オーナメントセット — ボタニカル(蔓のフローリッシュ)、セレスティアル(スターバースト)、クラシカル(フルーロン)。セクション区切りやモノグラム装飾に使用。
- モノグラムのフレーム — 連結イニシャル、スタックブロック、フレーム入りクレスト。
- サイドインデックスの表示(デスクトップ) — 右端のスティッキーなローマ数字チャプターインデックスの表示を切替。
選択内容は即時プレビューに反映されます。箔色やペーパートーンを切り替えると、すべての箔枠・オーナメント・ボタンホバーまで含め、テンプレート全体が再テーマ化されます。
おすすめの箔×ペーパーの組み合わせ
| 組み合わせ | ムード |
|---|---|
| Gold + Cream | クラシックなウェディングスイート(デフォルト) |
| Rose gold + Ivory | ロマンティックかつモダン |
| Silver + Charcoal | ブラックタイのガラ、基金集め、ブランドローンチに |
| Copper + Sage | ラスティック×エディトリアル、ガーデンパーティのフォーマル |
| Antique brass + Blush | ヴィンテージな節目、アニバーサリーディナー |
Atelier の対象
Atelier は、招待状そのものが体験の一部となるイベント向けに作られています。
- エディトリアルなウェディングスイート — 招待状を“読む”フォーマル/セミフォーマルの結婚式に
- ブラックタイのガラやファンドレイザー — チャコールの紙にシルバー箔は美しく映えます
- アニバーサリーディナー — 節目(25 年、50 年)と相性がよいエングレーブ風行程表とストーリー年表
- ブランドローンチやギャラリーオープン — マガジンギャラリーとエディトリアルカバーで“出版物級”の質感を
- 節目の誕生日 — 「are turning 50」のカバー招待ラインやカスタムモノグラムと好相性
一方で、カジュアルなパーティや子ども向けイベントなど、ビジュアル言語が“遊び心”を求める場面には不向きです。その場合は、13 の標準テンプレートが幅広くカバーします。
イベントでの Atelier の使い方
- イベントがプレミアムであることを確認。 Atelier の利用には有効なプレミアイベントのクレジットまたはサブスクリプションが必要です。無料イベントではピッカーにロック表示で見えます — プレミアムを開始(または料金ページから既存イベントをアップグレード)して解除してください。
- Invitation タブを開く。 イベントダッシュボードから RSVP → Invitation へ。
- Design Template セクションへ。 上部に標準ライブラリのグリッド、続いて PREMIUM ギャラリー(「Beta」のタグ付きゴールド帯)が見えます。
- Atelier をクリック。 招待状全体が即座に再テーマ化されます。「プレビュー」でゲストの見え方を確認。
- カスタマイズ。 ピッカー下の「Customize」パネルを展開。標準の色・フォントの上に 「Atelier Premium」 の 7 つのコントロールが表示されます。箔色、ペーパートーン、モノグラム、カバーの招待ラインを設定。
- 残りは通常どおり設定。 標準セクション(ストーリーマイルストーン、ギフトレジストリ、行程表、FAQ、ドレスコード、宿泊)は自動で Atelier のビスポークレイアウトで表示されます。標準テンプレートと同じ入力をすれば、見た目だけが変わります。
同じ Atelier テーマは、フォームモードのサインアップを使っている場合、個別招待ページ(/i/{shortCode})と公開登録ページ(/r/{publicCode})の両方に適用されます。
手順の全体像は、Atelier テンプレート — 完全ガイドをご覧ください。
ベータ版の位置づけ — その意味
Atelier はベータとして公開しています。デザインは実際のイベントで十分に機能し安定しています — RSVP 投稿、写真アップロード、ギフト、行程など、標準テンプレートと同一のデータフローで動作します。実際の結婚式やガラが“壊れる”ことはありません。
ベータのタグは、お客様のフィードバックに基づいて視覚の細部を磨き続けていることを示します — 特定のペーパートーンにおける字面の調整、まれな端末でのレイアウトの磨き込み、カバーのコロフォン文言のようなコピーの検討など。もし気になる点(大サイズで見たときに違和感のあるセリフのグリフ、バランスが悪く感じる紙色と箔の組み合わせ、別の言い回しがよいコピー等)があれば、お知らせください。次回の改訂で反映します。
今後の予定
Atelier は、これから順次提供するプレミアムテンプレート群の第一弾です。ピッカーのプレミアムギャラリーには、次の展開を示す 「More designs in flight」 プレースホルダーが表示されています。
- シネマティック テンプレート — モーション主導のタイトルカード、スクロールスナップの章立て、アンビエントな色変化。映画のオープニングタイトルのような体験を — 映画祭のガラ、コンテンポラリーな結婚式、ブランドローンチに。
- 手書きレタリング テンプレート — 封蝋モノグラム付きの展開レターカバー、実筆風フォントとカッパープレート体のミックス、ジャーナル風ストーリースプレッド。親密な結婚式、節目の誕生日、温かみを求める同窓会に。
- そのほか、試作中だがまだ確定していない方向性もあります。
いずれも Atelier と同様にベータ期間を設けます。特定のイベント向けに見たいプレミアムテンプレートがあれば、ぜひお聞かせください — フィードバックがロードマップを形作ります。
Fotify プラットフォーム全体の中での Atelier
Atelier は別製品ではありません。すべての Fotify イベントを支える同一の招待状システム上で動くプレミアムテーマです。イベントで設定済みのその他すべては、そのまま変更なく機能します。
- ゲストリストと RSVP トラッキング はそのまま
- ゲストごとの固有 RSVP リンク付きデジタル招待状 も同様に動作
- QR コードによるライブ写真共有 は同じアルバムに集約
- DJ への曲リクエスト、席次、出席確認 も挙動は同一
- イベント後のスライドショー と 一括写真ダウンロード も引き続き利用可能
Atelier は、招待状そのものを“取っておきたくなるもの”にするだけです。
まだデジタル招待状プラットフォームを選定中なら、2026 年版ベスト・デジタル招待状アプリまとめで、Fotify と Greenvelope、Paperless Post、Joy などを比較しています。写真共有に特化して検討中なら、結婚式向けベスト写真共有アプリまとめもご参照ください。
よくある質問
Atelier は無料ですか? いいえ。Atelier にはプレミアイベントのクレジット、または有効なプレミアムサブスクリプションが必要です。最新のプランは料金ページをご覧ください。無料イベントでは、アップグレードするまでピッカー上でロック表示になります。
既存のイベントデータは Atelier でそのまま使えますか? はい。Atelier は標準テンプレートと同じ招待データ(イベント名、日付、写真、ストーリーマイルストーン、ギフト、行程、イベント詳細、RSVP カスタム項目)を読み込みます。移行作業なくすべてが Atelier のレイアウトに反映されます。データを失うことなく、いつでも Atelier と標準テンプレートを切り替えられます。
箔色やモノグラムはカスタマイズできますか? はい。まさにそれが Atelier のプレミアムなカスタマイズ項目です。Atelier を選んだら「Customize」パネルを開き、専用の「Atelier Premium」ブロックにある 7 つのコントロール(モノグラム、カバー招待ライン、箔色、ペーパートーン、オーナメントセット、モノグラムのフレーム、サイドインデックスのトグル)を設定してください。
サイドインデックスはモバイルでも表示されますか? いいえ。1100px 以上のデスクトップのみで表示されます。タブレットやスマートフォンでは余白を確保するために非表示になります。「サイドインデックスの表示(デスクトップ)」トグルで完全にオフにもできます。
ベータ期間中でも実際の結婚式で安心して使えますか? はい。ベータは視覚の磨き込み(タイポグラフィの癖、レア端末でのレイアウト)を続けていることを意味しますが、テンプレート自体は標準テンプレートと同一のデータフロー(RSVP、写真アップロード、ギフト等)で完全に機能します。
今後、プレミアムテンプレートは増えますか? はい。シネマティック、手書きレタリングほか、追加のプレミアムデザインを準備中です。ピッカーのプレミアムギャラリーには予告として「More designs in flight」のプレースホルダーカードが表示されます。
公開登録ページでも Atelier を使えますか?
はい。フォームモードのサインアップを有効にすると、fotify.app/r/{code} の公開登録ページも同じテンプレートパイプラインを使用します。Atelier のエディトリアルカバー、サイドインデックス、箔テーマの各セクション、返信カード型 RSVP フォームが同様にレンダリングされます。
箔色を切り替えてもデータは失われませんか? はい。どのカスタマイズも、RSVP やストーリーマイルストーンなどのイベントデータに影響を与えません。変更されるのはビジュアルテーマだけです。変更後に閲覧するゲストには新しい配色が表示されます。
あなたのイベントで Atelier を見てみませんか?イベントダッシュボードを開き、RSVP → Invitation へ進み、テンプレートピッカー最下部のプレミアムギャラリーまでスクロールしてください。
セットアップの手順は、Atelier テンプレート — 完全ガイドで、各セクション、各カスタマイズ、各レイアウト判断まで詳しく解説しています。
Fotify の結婚式写真共有、RSVP 管理、プラットフォーム全体の考え方については、Wedding Photo Sharing App または Weddings の概要ページもご覧ください。
私たちのソリューションを探る
Fotifyがあなたのイベントをどのように変革できるかをご覧ください