Atelier Template — Complete Guide

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

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

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

What makes Atelier different

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

Signature design elements

• 箔押しのセリフ体タイポグラフィ — 見出しは 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 送信、ギフトコピーの各ボタンが同じ Atelier のレタープレス処理
• レタープレス返信カード — RSVP セクションは、箔ボーダーの紙風カード（8px のオフセットシャドウ）、モノグラムクラウン、イタリックの "Réponse s'il vous plaît" 見出しで表示

When to choose Atelier

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

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

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

Applying Atelier to your event

1. dashboard.fotify.app でイベントダッシュボードを開きます
2. イベントを選択し、サイドバーの RSVP タブ、続いて Invitation サブタブを開きます
3. "Design Template" までスクロールし、最下部の Premium ギャラリー（"Beta" タグ付きのゴールド帯）を見つけます
4. Atelier カードをクリックして適用します

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

Premium entitlement

Atelier はプレミアムテンプレートのため、適用には権限（entitlement）のあるイベントが必要です。

• 有料イベント（イベントタイプにクレジットコストがあるもの）→ Atelier は自動で解除されます
• 有効なサブスクリプションがある サブスクリプションイベント → Atelier は自動で解除されます
• サブスクリプションのない 無料イベント → Atelier はテンプレート選択に表示されますが、ロックのオーバーレイと必要条件を示すツールチップが表示されます

権限チェックは、選択 UI（ロックされたプレミアムテンプレートは選べません）とサーバー側（権限のないイベントで Atelier を直接保存しようとしても拒否されます）の両方で実行されます。イベントをアップグレードするか、サブスクリプションを有効化して解除してください。

Atelier-specific customization

Atelier では、テンプレート選択画面の "Customize" パネルに、標準の色・フォントコントロールとは別の独自カスタマイズ項目が表示されます。Atelier を選択し、"Customize" を展開すると "Atelier Premium" ブロックが見つかります。

Knob	What it controls
Monogram	最大 4 文字。通常はホストのイニシャル（例: "A&F"）。表紙、RSVP 返信カード、フッターに表示されます。
Cover invitation line	表紙の名前の上にあるイタリックのアイブロウ（例: "are getting married", "invite you to a black-tie gala", "are turning 50", "celebrate 25 years together"）。空欄にすると非表示になります。
Foil color	Gold、rose gold、silver、copper、または antique brass。ボーダー、区切り、ボタン、オーナメント、ホバー状態など、テンプレート全体の箔アクセントを制御します。
Paper tone	Cream、ivory、blush、sage、または charcoal。Charcoal はダークバリアント（ほぼ黒の紙にクリーム色の文字）です。
Ornament set	Botanical（つるのフローリッシュ）、celestial（スターバースト）、または classical（フルーロン）。セクション間とモノグラム周りで使用されます。
Monogram frame	Interlocked initials、stacked block、または framed crest。
Show side index (desktop)	右端の固定ローマ数字章インデックスの表示を切り替えます。

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

Suggested foil + paper combinations

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

Atelier section layouts

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

Cover (replaces the standard hero)

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

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

Message

主催者の招待 HTML は EB Garamond の 1.2rem でレンダリングされ、最初の段落には箔の ドロップキャップ（5.5rem の Playfair Display）が付きます。見出し（h1–h6）はエディトリアルなサイズ、リストは箔の箇条書き、番号付きリストはローマ数字カウンター、引用は左側に箔ルール、リンクは箔下線になります。セクション末尾には箔オーナメントが付きます。

Countdown

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

Gallery (carousel)

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

Story

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

Venue (location)

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

Itinerary

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

Gifts

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

Details (event details)

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

Save the Date (calendar)

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 のブランド表示はありません（Atelier は設計上プレミアム専用です）。

Sections that inherit the Atelier theme

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

• 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 status

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

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

Coming next

次の反復では、さらなるプレミアムテンプレートを予定しています。cinematic（モーション主導のタイトルカード、スクロールスナップの章構成）、hand-lettered（蝋印モノグラム付きの開く手紙風カバー）などです。リリースに合わせて、テンプレート選択画面のプレミアムギャラリーに表示されていきます。

Frequently Asked Questions

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

Q: How do I unlock Atelier on my event? A: Atelier の利用には、有料イベントクレジット（イベントタイプにクレジットコストが設定されているイベント）または有効なサブスクリプションが必要です。サブスクリプションのない無料イベントでは、Atelier はロックオーバーレイ付きでテンプレート選択に表示されます。イベントが有料になるか、アカウントに有効なサブスクリプションがあると、Atelier を選択できるようになります。

Q: Will my data work the same way as on a standard template? A: はい。Atelier は標準テンプレートと同じ招待データを読み込みます。イベント名、日付、写真、Story のマイルストーン、ギフト、旅程、イベント詳細、RSVP のカスタムフィールドなどは、移行作業なしで Atelier の専用レイアウトに表示されます。いつでも標準テンプレートに戻せますし、データはそのまま保持されます。

Q: Can I change the foil color and paper tone after guests have viewed the invitation? A: はい。すべてのカスタマイズ項目はいつでも変更できます。変更後に招待状を閲覧したゲストには更新された配色が表示されます。既存の RSVP は影響を受けず、変更されるのは見た目のみです。

Q: Why is the cover invitation line blank on my preview? A: cover invitation line（"are getting married", "invite you to a gala" など）はデフォルトで空欄です。Customize → Atelier Premium → Cover invitation line を開いて、イベントに合う文言を入力してください。空欄のままにすると、イタリックのアイブロウは完全に非表示になります。

Q: My monogram shows the wrong initials. A: モノグラムを未設定の場合、Atelier はイベント名から自動生成します — "Alice & Bob" のようなパターンを探し、各名前の先頭文字を取得します。上書きするには Customize → Atelier Premium → Monogram を開き、任意の最大 4 文字を入力してください。新しい値は表紙、RSVP カード、フッターに即座に反映されます。

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

Q: What happens to the standard hero settings (text position, navbar style, etc.) when I pick Atelier? A: Atelier は標準 hero を独自のエディトリアルカバーに置き換えるため、テキスト位置、hero 高さ、オーバーレイ不透明度、ナビバーのスタイルといった設定は適用されません。代わりに Atelier のカスタマイズ項目（モノグラム、箔色、紙色、cover invitation line）が反映されます。

Q: Is the side index always visible? A: サイドインデックスはデスクトップ（幅 1100px 以上）のみで表示されます。タブレットやスマートフォンでは、レイアウトの余白を確保するため非表示です。また、Customize → Atelier Premium の "Show side index (desktop)" トグルで完全に無効化することもできます。

Q: I want a darker, more black-tie feel — what should I pick? A: paperTone: charcoal に foilColor: silver または foilColor: gold をお試しください。チャコール地にクリーム文字＋シルバー／ゴールド箔は、フォーマルなガラ／ブラックタイの印象になります。最もフォーマルにするなら ornamentSet: classical を組み合わせてください。

Q: Will more premium templates be added? A: はい。プレミアムテンプレートは積極的に開発しています。Cinematic、hand-lettered、その他の方向性も今後のリリースで予定されています。テンプレート選択のプレミアムギャラリーには、次に控える内容のプレビューとして "More designs in flight" のプレースホルダーカードが表示されます。