9 min 読むintermediate最終更新日: 2026年9月29日

アトリエテンプレート — 完全ガイド

アトリエ は、Fotify ライブラリ初のウルトラプレミアムテンプレートです。実在するレタープレスの招待状スイート(Bella Figura、Smock、La Tavola など)をベースに、エディトリアルなタイポグラフィ、箔押しのアクセント、そして全セクションにわたる雑誌的なレイアウト言語で構成されています。

このガイドでは、アトリエの見た目、アトリエ固有のカスタマイズ項目、イベントへの適用方法、そして招待状の各セクションに施される特別なデザイン処理について解説します。

標準テンプレートライブラリとテンプレート選択 UI の概要については、How to Customize Your RSVP Invitation をご覧ください。

アトリエが他と違う点

標準テンプレートは CSS 変数で色・フォント・エフェクトを制御しますが、全テンプレートで共通のベースレイアウトを共有しています。アトリエはここが異なります。アトリエはセクション全体のレイアウトを手作業で作り込んだエディトリアル仕様に置き換え、独自のセルフホスト・タイポグラフィを同梱し、標準の色・フォントコントロールの代わりに独自のカスタマイズ項目を提供します。

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

  • 箔押しのセリフ体タイポグラフィ — 見出しは Playfair Display、本文は EB Garamond
  • エディトリアルカバー — 44/56 の分割。箔のモノグラムクレスト、イタリックのアイブロウ、ディスプレイセリフのホスト名、右側の箔フレーム写真、そして "Réponse s'il vous plaît" のコロフォン
  • ローマ数字のサイドインデックス — 右端に表示されるデスクトップ用の固定章インデックス。現在表示中のセクションをハイライト
  • 雑誌スタイルの各セクション — 交互に配置される 2 ページ見開きの Story、ローマ数字の Gift registry、彫刻風の週末 Itinerary、引用レイアウトのドレスコードと差し込み式の宿泊カード、彫刻風の Countdown カルトゥーシュ、雑誌グリッドの Gallery
  • セクション間のオーナメント区切り — 3 種の手作業 SVG セット(botanical、celestial、classical)から切り替え可能
  • どこでも箔アウトラインのボタン — カレンダー追加、RSVP 送信、ギフトコピーの各ボタンが同じアトリエのレタープレス処理
  • レタープレス返信カード — RSVP セクションは、箔ボーダーの紙風カード(8px のオフセットシャドウ)、モノグラムクラウン、イタリックの "Réponse s'il vous plaît" 見出しで表示

アトリエを選ぶタイミング

アトリエは、「招待状そのものが体験の一部」になるイベントのために作られています。

  • エディトリアルなウェディングスイート — ゲストが招待状を流し見ではなく、しっかり読むフォーマル〜セミフォーマルの結婚式
  • ブラックタイのガラ/チャリティイベント — チャコール紙×ゴールド/シルバー箔が美しく映えます
  • 記念日ディナー — 節目の祝い(25 年、50 年)には彫刻風 Itinerary と Story タイムラインが効果的です
  • ブランドローンチ/ギャラリーオープニング — 雑誌見開きの Gallery とエディトリアルカバーで出版物級の雰囲気に
  • 節目の誕生日 — 特に表紙の "are turning 50" の招待ラインとカスタムモノグラムとの相性が良いです

一方で、カジュアルなパーティー、子ども向けイベント、あるいは「洗練」より「遊び心」を優先したいビジュアル言語にはあまり向きません。

イベントにアトリエを適用する

  1. dashboard.fotify.app でイベントダッシュボードを開きます
  2. イベントを選択し、サイドバーで 招待状 を開き、続いて 招待状 タブを開きます
  3. 「デザインテンプレート」 までスクロールし(ギャラリーが折りたたまれている場合は 「テンプレートを変更」 をクリック)、デザイン の中から アトリエ を見つけます
  4. 先に見てみたい場合は、アトリエカードの 「試してみる」 を押します。ライブプレビューにあなたの招待状の内容でアトリエが表示され、「このデザインを使う」 を押すまで何も保存されません
  5. すぐに適用する場合は、アトリエ カードをクリックします

プレビューは即座に更新され、招待状全体がアトリエにリテーマされます。

利用できるプラン

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

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

アトリエ固有のカスタマイズ項目

アトリエでは、テンプレート選択画面の 「アトリエ オプション」 パネルに独自のカスタマイズ項目が表示されます。このパネルはアトリエを選択すると開きます。アトリエは独自の色とフォントを設定するため、選択中は標準の 「テンプレートをカスタマイズ」 のコントロールは非表示になります。

KnobWhat it controls
Monogram最大 4 文字。通常はホストのイニシャル(例: "A&F")。表紙、RSVP 返信カード、フッターに表示されます。空欄にすると、「Alice & Bob」のようなカップルの名前からイニシャルが使われます。それ以外の名前では、代わりに小さな箔のオーナメントが表示されます。
Cover invitation line表紙の名前の上にあるイタリックのアイブロウ(例: "are getting married", "invite you to a black-tie gala", "are turning 50", "celebrate 25 years together")。空欄にすると非表示になります。
Message section label招待メッセージの上に表示される小さな見出し(例: "A note from the couple")。空欄にするとデフォルト("主催者からのメッセージ")が使用されます。
Foil colorGold、rose gold、silver、copper、または antique brass。ボーダー、区切り、ボタン、オーナメント、ホバー状態など、テンプレート全体の箔アクセントを制御します。
Paper toneCream、ivory、blush、sage、または charcoal。Charcoal はダークバリアント(ほぼ黒の紙にクリーム色の文字)です。
Ornament setBotanical(つるのフローリッシュ)、celestial(スターバースト)、または classical(フルーロン)。セクション間とモノグラム周りで使用されます。
Monogram frameInterlocked initials、stacked block、または framed crest。
Show side index (desktop)右端の固定ローマ数字章インデックスの表示を切り替えます。

すべての変更は即座に反映されます。カスタマイズパネルで箔色と紙色をライブで切り替えながら、イベントに合う組み合わせを見つけてください。選択に応じてテンプレート全体がリテーマされます。

おすすめの箔と紙の組み合わせ

CombinationMood
Gold + Creamクラシックなウェディングスイート。デフォルト。
Rose gold + Ivoryロマンティックでモダン。
Silver + Charcoalブラックタイのガラ、ファンドレイザー、ブランドローンチ。
Copper + Sageラスティックなエディトリアル、ガーデンパーティーのフォーマル。
Antique brass + Blushヴィンテージ、節目の誕生日や記念日。

アトリエが招待状に表示するすべてのテキスト — 各章のアイブロウ(「ご返信ください」「待機中」「私たちが集まる場所」)、返信カードのタイトル、カレンダーボタンやギフトボタンのラベル — は、ページ上で直接書き換えることもできます。ライブプレビューを編集モードに切り替えて、テキストをダブルクリックしてください。箔色やオーナメントセットなど、プレーンテキストではない値は、引き続き上記のカスタマイズ項目で設定します。

アトリエの各セクションレイアウト

アトリエは、デフォルトのセクションレイアウトを特別なエディトリアル処理に置き換えます。いずれも標準キット版を置換するため、特別な操作は不要で、アトリエを選んだ瞬間に有効になります。

Cover(標準のヒーローを置き換え)

エディトリアルカバーはページのヒーローです。左にインデックス列、右に箔フレームの写真という 44/56 分割。左側には(モノグラムクレスト、イタリックのアイブロウ、ディスプレイセリフの名前、オーナメント区切り、日付のインプリント、会場コロフォン)が並びます。さらに、インデックス列の左端には縦の箔ルールが走り、レタープレスカードの「紙端(page edge)」を表現します。

このカバーは標準 Hero を完全に置き換えるため、テキスト位置、ナビバーのスタイルなどの設定はアトリエのカバーには適用されません。

Message

セクションの先頭には小さな箔のアイブロウ見出しが付きます — デフォルトでは "主催者からのメッセージ"、または アトリエ オプション → メッセージセクションの見出し で設定した文言が表示されます。その下に、主催者の招待 HTML は EB Garamond の 1.2rem でレンダリングされ、最初の段落には箔の ドロップキャップ(5.5rem の Playfair Display)が付きます。見出し(h1–h6)はエディトリアルなサイズ、リストは箔の箇条書き、番号付きリストはローマ数字カウンター、引用は左側に箔ルール、リンクは箔下線になります。セクション末尾には箔オーナメントが付きます。

Countdown

各単位(days, hours, minutes, seconds)ごとに 4 つの彫刻風 cartouches。Playfair Display の箔数字、上下の極細箔ボーダー、上下中央の目盛りを備えます。ゼロになると → 完了メッセージがイタリックの箔で表示されます。

Gallery(カルーセル)

スライダーではなく雑誌見開きのように表示されます。最初の写真は 16:9 の「導入カット」として箔極細フレームで表示され、残りの写真は同じ箔フレームで 2 列または 3 列のグリッドに流し込まれます。最適なレイアウトには 4〜6 枚の写真がおすすめです。

Story

各マイルストーンは交互に切り替わる 2 カラム見開きとして表示されます(写真左/テキスト右、次はテキスト左/写真右)。写真には箔極細ボーダー。章の日付は箔のイタリックで、文字間を広げた大文字として章タイトルの上に配置され、その下にセリフの章タイトルと EB Garamond の説明文が続きます。

会場(Venue)

2 カラムの「彫刻風マッププレート」。片側に箔ボーダーの map iframe、もう片側にイタリックの会場カード(Playfair Display の住所、"Directions" サブ見出し、入力した案内文)を表示します。

Itinerary

彫刻風の週末プログラム。各日は、極細の箔ルール上に日付ヘッダーが浮かぶように配置されます(日付ラベルは紙色のストリップに載り、ルールはその背後を通過します)。各エントリーは行として表示され、箔イタリックの時刻列、小さな箔の点、セリフのイベントタイトル、イタリックの場所、任意の箔ルール付きノートで構成されます。

Gifts

3 つのサブセクション(Registries / Monetary gifts / Charity)が箔オーナメントで区切られ、いずれも同じ行フォーマットです。左に Playfair イタリックのローマ数字(I, II, III…)、中央に Playfair のタイトルとイタリックの説明、右に箔アウトラインの外部リンクボタンまたはコピーボタンが配置されます。

Details(イベント詳細)

  • Dress code は箔の引用符付きプルクオートとして表示され、追加している場合は円形のカラースウォッチも表示されます
  • Accommodation は 差し込み式カード(tipped-in cards)として表示 — 紙カードに 4px の箔シャドウオフセット(レタープレス感)、Playfair のホテル名、イタリックのメタ行、設定されていればゴールドのプロモコードスタンプ
  • Transportation はイタリックの箔メタ付き箔ボーダー行
  • FAQs は箔ルールの質問付きセリフ Q&A リスト

Save the Date(カレンダー)

3 つの統一された箔アウトラインボタン(Google Calendar、Apple/iCal、Outlook)。イタリックの大文字セリフラベルで、ホバー時のコントラストも適切です。デフォルトのブランドチップは置き換えられます。

RSVP

紙色の返信カードに 0.75px の箔ボーダーと 8px のオフセットシャドウ。上部にモノグラムクラウン、イタリックのアイブロウ "The favour of a reply is requested"、箔イタリックの "Réponse s'il vous plaît" 見出し。カード内の標準 RSVP フォームは、下線のみの入力、イタリック大文字ラベル、箔アウトラインの承諾/辞退ボタン、そして他セクションと同じ箔アウトライン送信ボタンになります。

Footer

モノグラムを伴う箔ルールのコロフォン、続いてイタリック大文字のインプリント 1 行: {event date} · {venue}。フッター自体には Fotify のブランド表示はありません。無料イベントでは代わりに、ページの下隅に小さな「Fotifyで作成」バッジが表示されます(有料プランまたは有効なサブスクリプションがあれば外れます)。

アトリエのテーマを継承するセクション

アトリエに専用オーバーライドがないセクションは、ポリッシュレイヤーによって自動的にアトリエの箔×セリフのテーマを継承します(セリフ体、角丸なしのサーフェス、箔アクセント、シャドウなし、箔アウトラインのボタン)。専用レイアウトがなくても、ブランド一貫性のある見た目になります。

  • Photo gallery / upload section(ゲストアップロードが有効な場合)
  • QR code section — QR は箔ボーダーの紙カードにラップされます
  • Table assignment section
  • Custom sections (1 to 5) — リッチテキストはエディトリアルな見出しサイズ、リストは箔の箇条書き、引用は箔ルール、リンクは箔下線になります

Message セクションや Custom Section の HTML embed に作成したカスタム HTML も自動的に同じポリッシュを適用します(h1–h6 のサイズ、箔の箇条書き、箔の blockquote ルール、箔のリンク下線)。

ベータステータス

アトリエは現在 Beta です。デザインは実イベント向けに完全に機能し、安定しています — RSVP 送信、写真アップロード、ギフト、旅程など、標準テンプレートと同様にすべての標準データフローが動作します。実際の結婚式やガラでも問題は起きません。

Beta タグは、お客様からのフィードバックをもとに視覚的な細部を引き続き調整していることを意味します — 特定の紙色でのタイポグラフィのクセ、端末のエッジケースにおけるレイアウトの磨き込み、表紙コロフォンの文言のようなコピー面の判断などです。気になる点があれば、send us a note までお知らせください。次の反復で対応します。

今後の予定

アトリエの後にも、シネマティック、マリーゴールド、ヴェスパー、リネン、ベントー、オーロラ、フォリオ、デパーチャーズ、ブループリント、ガゼット、アマルフィ、アーケード、ミックステープ、スピークイージー、キーノート といったデザインが登場しています。新しいデザインは、リリースされしだいテンプレートギャラリーの デザイン に追加されます。

よくある質問

Q: アトリエは、色をカスタマイズした標準テンプレートと何が違うのですか? A: 標準テンプレートは共通のセクションレイアウトを共有しており、違いは色・フォント・エフェクトです。アトリエはセクションレイアウト自体を置き換えます。エディトリアルカバー、雑誌見開きの Story、彫刻風の Countdown カルトゥーシュ、レタープレス返信カード、箔アウトラインの Calendar ボタン、雑誌グリッドの Gallery などが含まれます。また、独自のタイポグラフィ(Playfair Display + EB Garamond)を同梱し、標準ライブラリにはない 8 つのテンプレート固有カスタマイズ項目を提供します。

Q: アトリエを使うには有料プランが必要ですか? A: いいえ。アトリエは無料プランを含むすべてのプランで利用でき、ロックもアップグレードの必要もありません。無料イベントでは、招待状の下隅に小さな「Fotifyで作成」バッジが表示されます。有料プランまたは有効なサブスクリプションがあれば外れます。

Q: データは標準テンプレートと同じように機能しますか? A: はい。アトリエは標準テンプレートと同じ招待データを読み込みます。イベント名、日付、写真、Story のマイルストーン、ギフト、旅程、イベント詳細、RSVP のカスタムフィールドなどは、移行作業なしでアトリエの専用レイアウトに表示されます。いつでも標準テンプレートに戻せますし、データはそのまま保持されます。

Q: ゲストが招待状を閲覧した後でも、箔色や紙色を変更できますか? A: はい。すべてのカスタマイズ項目はいつでも変更できます。変更後に招待状を閲覧したゲストには更新された配色が表示されます。既存の RSVP は影響を受けず、変更されるのは見た目のみです。

Q: プレビューで cover invitation line が空欄なのはなぜですか? A: cover invitation line("are getting married", "invite you to a gala" など)はデフォルトで空欄です。アトリエ オプション → カバー招待文 を開いて、イベントに合う文言を入力してください。空欄のままにすると、イタリックのアイブロウは完全に非表示になります。

Q: メッセージの上に表示される "A note from the hosts" の見出しは変更できますか? A: はい。アトリエ オプション → メッセージセクションの見出し を開き、独自の見出しを入力してください — 例: "A note from the couple"、"A word from the family"、またはお使いの言語での同等の表現。空欄のままにするとデフォルトが維持されます。見出しはプレビューに即座に反映されます。

Q: モノグラムのイニシャルが正しくありません。 A: モノグラムを未設定の場合、アトリエはイベント名から自動生成します — "Alice & Bob" のようなパターンを探し、各名前の先頭文字を取得します。上書きするには アトリエ オプション → モノグラム を開き、任意の最大 4 文字を入力してください。新しい値は表紙、RSVP カード、フッターに即座に反映されます。

Q: 登録フォーム(forms-mode のサインアップ)でもアトリエを使えますか? A: はい。forms-mode が有効な場合、公開登録ページ fotify.app/r/{code} も同じテンプレートパイプラインを使用します。アトリエのエディトリアルカバー、サイドインデックス、箔テーマの各セクション、返信カード形式の RSVP フォームは、個別招待状と同様に登録ページにも表示されます。

Q: アトリエを選ぶと、標準の hero 設定(テキスト位置、ナビバーのスタイルなど)はどうなりますか? A: アトリエは標準 hero を独自のエディトリアルカバーに置き換えるため、テキスト位置、hero 高さ、オーバーレイ不透明度、ナビバーのスタイルといった設定は適用されません。代わりにアトリエのカスタマイズ項目(モノグラム、箔色、紙色、cover invitation line)が反映されます。

Q: サイドインデックスは常に表示されますか? A: サイドインデックスはデスクトップ(幅 1100px 以上)のみで表示されます。タブレットやスマートフォンでは、レイアウトの余白を確保するため非表示です。また、アトリエ オプション の「サイドインデックスを表示(デスクトップ)」トグルで完全に無効化することもできます。

Q: もっと暗く、ブラックタイらしい雰囲気にしたいのですが、何を選べばよいですか? A: paperTone: charcoal に foilColor: silver または foilColor: gold をお試しください。チャコール地にクリーム文字+シルバー/ゴールド箔は、フォーマルなガラ/ブラックタイの印象になります。最もフォーマルにするなら ornamentSet: classical を組み合わせてください。

Q: プレミアムテンプレートは今後も追加されますか? A: はい。新しいデザインは積極的に開発しています。最新の追加は アーケード、ミックステープ、スピークイージー、キーノート で、今後も新しいデザインがリリースされしだい、テンプレートギャラリーの デザイン に追加されます。

この記事は役に立ちましたか?

関連する記事