Marigold テンプレート — 完全ガイド

Q: マルキー帯はゲストの迷惑になりませんか？

ホバーで一時停止するため（ゲストが読めるように）、`prefers-reduced-motion` を尊重し（希望ユーザーにはアニメーション 0）、さらにカスタマイズパネルの "Show marquee section headers" トグルでオフにできます。

Marigold は、Fotify ライブラリの 3 つ目の超プレミアムテンプレートです。Atelier がレタープレスのステーショナリーに、Cinematic が映画ポスターに着想を得ているのに対し、Marigold は 1970年代のウェディング雑誌 からインスピレーションを得ています。温かみのあるクリーム色の紙、深いバーガンディのインク、凝縮されたスラブセリフの見出し、イタリックの本文、そして手描きの線画イラストが特徴です。

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

標準テンプレートライブラリとピッカー UI の概要は、RSVP 招待状をカスタマイズする方法をご覧ください。

Marigold が他と違う点

標準テンプレートは CSS 変数で色・フォント・エフェクトを制御しており、基盤となるレイアウトは共通です。Marigold は異なります。セクション全体のレイアウトを、手作りのエディトリアル表現に置き換え、独自のタイポグラフィ（DM Serif Display + Lora）を同梱し、標準の色・フォント設定に加えてテンプレート固有のカスタマイズ項目を提供します。

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

浮遊するクリームカードのカバー — フルブリードの自然体なイベント写真の上に、クリーム色の紙カードを中央配置。見出し（"It's Our Wedding Day"）、手描き線画イラスト、日付 / 会場、イタリックの本文、RSVP のピルボタンを載せます
手描きの線画イラスト — 4 つのモチーフ（シャンパングラス、結婚指輪、ヴィンテージカー、フローラルリース）がカバーカードとクロージングフッターの両方に表示されます。カスタマイズパネルから設定できます。
凝縮スラブセリフのディスプレイ — タイトルはすべて DM Serif Display。温かくエディトリアルで、1970年代のウェディング雑誌らしい個性
イタリックの Lora 本文 — 温かみのあるヒューマニスト系セリフで、タグラインや注記に適した強いイタリックをサポート
クリームとインクの交互配色 — 多くのセクションはクリーム紙の背景で表示され、Gifts と Countdown セクションは深いインク帯（バーガンディ / オリーブ / テラコッタ / ネイビー）に反転してリズムを作ります
マルキーのセクションヘッダー — オプションの繰り返しバナー（"GIFTS & WISHES 🎀 GIFTS & WISHES 🎀"）が横方向にスクロールし、各リピートの間に手描きのリボン装飾が入ります。強いエディトリアル／雑誌感を追加します。
どこでもピルボタン — 角丸のピル CTA（クリーム/インクのアウトラインがホバーで塗りつぶしに反転）が、標準のブランド付きカレンダーチップや RSVP 送信を置き換えます
柔らかく温かい影 — カードやタイルに（インク色に合わせた）ほんのり温かい影を落とし、印刷物の雰囲気を壊さずに奥行きを出します
パララックス写真 — ヒーロー背景と Story の見開き写真は cinema parallax（background-attachment: fixed）を使用。カバーがスクロールしても画像はビューポートに固定されます
クロージングカードフッター — 3 カラムのフッター。中央に手描きイラスト + モノグラム、左にイベント詳細、右にセレモニー詳細。すべて反転したインク帯上に配置されます

Marigold を選ぶべきタイミング

Marigold は、エレガンスと同じくらい温かさやボヘミアンな感性が大切なイベントに向けて作られています：

モダンウェディング — 特にガーデンウェディング、ワイナリーウェディング、山や湖畔のウェディングなど。フォーマルなステーショナリーではなく、1970年代のフィルムで撮影された結婚式のようなページにしたい場合に最適です
誓いの更新（Vow renewals） — 祝福感があり、こなれた雰囲気が記念日や更新に美しく合います
少人数ウェディング（≤80 名） — 浮遊カードの親密さは、Cinematic のドラマチックさよりも温かく感じられます
アニバーサリーパーティー／節目の祝い — Story セクションが「From One Message to a Lifetime」のような表現になり、10/25/50 年の年表に最適です
婚約パーティー — カジュアルでありながら上品
ブライダルシャワー／ガーデンパーティー — クリーム＆バーガンディのパレットとフローラルリースのイラストが庭の集まりに合います
レストラン開店、ギャラリーオープニング、アトリエのローンチ — クリエイティブでエディトリアルな感性が求められる場面

一方で、非常にフォーマルなブラックタイのガラにはあまり向きません（レタープレスの格式なら Atelier を推奨）。モダンな企業イベントには Cinematic、完全に伝統的なステーショナリーの見た目を求める場合も Atelier が適しています。

イベントに Marigold を適用する

イベントダッシュボードの Customize タブを開きます
標準テンプレートギャラリーを下へスクロールし、一番下の Premium セクションまで移動します
Marigold カードをクリックします
ピッカーにカスタマイズパネルが表示されるので、項目を設定します（下記参照）
保存します

いつでも標準テンプレートに戻しても非破壊です。イベント内容は入力したとおりに保持されます。プレミアム固有の設定項目は別に保存されるため、後で戻した場合も Marigold の設定はそのまま残ります。

Note: Marigold は Atelier および Cinematic と同様に beta として提供されています。今後のリリースで、さらに多くのプレミアムテンプレートを追加予定です。

プレミアム権限（Marigold を使える人）

Marigold はプレミアム階層のテンプレートで、保存できるのは有料の権限が付与されたイベントのみです：

有料（クレジット消費）イベント — イベントクレジットを使用するイベントは自動的に権限が付与されます
有効なサブスクリプションのサブスクリプションイベント — 有効期間中または猶予期間中のサブスクリプションに紐づくイベントは権限が付与されます
無料イベント — ピッカーでは Marigold がロックされ、アップグレードの案内が表示されます。閲覧はできますが、サーバーは保存を 403 で拒否します

ロックはピッカー UI とサーバーの両方で適用されます。

Customization knobs

Marigold には、Fotify の標準のカラー + フォント設定に加えて、テンプレート固有の調整項目（knob）が 8 つ用意されています。

1. Monogram

最大 4 文字 — 通常はホストのお二人のイニシャル（例: "C&R"）です。クロージングのフッターカードに、中央配置の表示サイズのモノグラムとして表示されます。

2. Cover headline

フローティングのカバーカードに表示される 3 行の見出しです。空欄の場合は既定の "It's Our Wedding Day" が使われます。結婚式以外のイベントでは、"Anna Turns Fifty" や "Welcome to the Atelier Opening" のように設定してください。

3. Cover tagline

カバーカード右上の小さなイタリックの 1 行です。例: "Camille & Rowan are getting married", "Anna turns 50", "Welcome to the atelier opening", "A summer to remember"。

4. Color palette

クリーム + 深みのあるアクセントカラー。パレットは 4 種類です:

Burgundy & Cream (default) — 1970 年代のウェディング誌のようなクラシックさ
Olive & Bone — ガーデン / カントリーサイド / 秋
Terracotta & Sand — 地中海 / 夏 / ダスティローズ
Ink & Linen — モダンなエディトリアル / ミニマル / ニュートラル

5. Illustration motif

カバーカードとクロージングのフッターに表示される、手描き風の線画イラストです:

Cheers — シャンパングラス 2 つの乾杯
Vows — 重なり合う結婚指輪 2 つ
Journey — "JUST MARRIED" バナーと、後ろに缶を結んだヴィンテージのオープンカー
Bloom — 8 つの花が入った円形のフローラルリース

6. Cover card position

ヒーロー写真の上に重なるフローティングのクリームカードの位置です:

Center (default) — ポスターのように見え、バランスの良い構図
Left — 写真の右側がより多く見える
Right — 写真の左側がより多く見える

7. Marquee section headers

主要セクション用の、繰り返し表示されるマーキー帯（"GIFTS & WISHES 🎀 GIFTS & WISHES 🎀"）を切り替えます。既定ではオンです。表紙のエディトリアル・マガジン風のドラマ性をセクション区切りに取り入れます。

8. RSVP section heading & prompt

RSVP セクションの見出し（既定では "Will You Join Us"）と、返信カード上の小さな促し文（既定では "Kindly send your reply"）は、それぞれ上書きできます。どちらかを空欄にすると既定値が維持されます。イベントのトーンや言語に合わせるのに便利です — 例: ドイツ語の祝賀では、見出しに "Werden Sie dabei sein"、促し文に "Bitte senden Sie Ihre Antwort" を使用できます。

How each section is treated

Cover

Marigold のカバーは、標準ヘッダーを全面的に置き換えます。全幅表示のイベント写真を、シネマ風パララックス（スクロールしても写真がビューポートに固定される）で描画し、その上にフローティングのクリーム色のペーパーカードを重ねて、以下を配置します:

右上: tagline（Lora italic）
中央: headline（DM Serif Display、3 行、インク色）
中央: hand-drawn illustration（選択したモチーフ）
中央: サブタイトル行（"Ceremony & Reception"）+ 日付 / 会場（Lora bold）
中央: イタリックの本文コピー
中央: RSVP pill button（インクのベタ塗り）

カード位置は設定可能です。イベント写真が未設定の場合、カバーは柔らかなグラデーション背景でレンダリングされます。

Story

各マイルストーンは 2 カラム見開き になります — 片側に 4:5 の縦写真、もう片側に章のアイブロウ、イタリックの日付、DM Serif Display のタイトル、Lora の本文を載せたクリームカードを配置します。見開きは左右交互に入れ替わり、リズム感のある見せ方になります。写真にはシネマ風パララックスが適用されます。

Countdown

反転したインク色の帯 の上に、柔らかなクリームのタイルを並べて表示します。各単位（Days / Hours / Minutes / Seconds）は、DM Serif Display の値と、その下に Lora italic のスモールキャップ・ラベルを備えた、角丸のペーパータイルになります。

RSVP

中央配置の クリーム色のペーパーカード。"Kindly send your reply" のイタリック・アイブロウ、期限のイタリック本文に続いて、標準 RSVP フォームを Marigold に合わせて再スキンします（極細の下線入力、ホバーで反転するピル型送信ボタン）。セクション見出しと、このアイブロウの促し文はカスタマイズパネルから編集できます（上記の customization knobs を参照）。

Gallery (Carousel)

ヴィンテージのフォトアルバム — スプロケットのないグリッドで、まず 16:9 のヒーロー画像、その後に追加写真の 3 枚グリッドを配置します。すべての画像に温かみのあるカラーフィルター（彩度を少し下げ + コントラストを少し上げ）を適用し、"PHOTO N° 03" のイタリックキャプションを付けます。

Location

エスタブリッシングショットのプレート: 地図は極細フレームのカード内にレンダリングされ、隣に "WHERE WE GATHER" のアイブロウ、DM Serif Display の住所、案内（directions）ブロックを含むクリームカードが並びます。

Save the Date (Calendar)

3 つの ピルボタン（Google / Apple / Outlook）を表示し、いずれもインク色のアウトライン処理になります。ホバーでベタ塗りに反転します。

Itinerary

週末プログラム のスケジュール — 各日には DM Serif Display の曜日見出しがつき、各イベントは左に 1.5rem の表示時間、右にイベント名 + 場所 + メモを並べて表示します。行間には極細の罫線を入れます。

Gifts

反転したインク色の帯 に、（有効時）"GIFTS & WISHES 🎀 GIFTS & WISHES 🎀" のマーキー見出しを表示します。3 つのブロック（Registries / Monetary / Charity）は、ペーパー調の PillButton CTA を備えたクリームカードとして表示されます。

Event Details

制作ノート の積み重ね表示 — ドレスコードは、極細罫線に挟まれた中央配置のイタリック引用として表示します。宿泊は、角丸と温かい影のある柔らかなクリームカードで表示します。交通は、コールシート風の行として表示します。FAQ は、スクリプト調の Q & A 形式で、回答はイタリックにして極細の左罫線の下にインデント表示します。

Message

ホストからの招待文は、"A Word from the Hosts" のスモールキャップ・アイブロウとともに表示され、最初の長い段落（先頭が英字で 80 文字以上）には DM Serif Display のドロップキャップが適用されます。本文は Lora です。

Closing card footer

インク反転背景の上に 3 カラムのクロージング帯 を配置します:

左: "EVENT DETAILS" のアイブロウ + 日付 + 場所
中央: 手描き風イラスト + モノグラム
右: "CEREMONY & RECEPTION" のアイブロウ + 会場 + レセプション詳細
下: インク背景にペーパー調の "RSVP" PillButton

継承されるセクション（専用レイアウトにならないもの）

一部のセクションはデフォルトのキットでレンダリングされ、Marigold の仕上げレイヤーを継承します：

Photo Upload — ピル型のアップロードボタン、極細下線の入力
QR Code — インク枠の QR プレート
Table Assignment — ピル型の検索/CTA ボタン
Custom sections — DM Serif Display の見出し、Lora の本文、極細の罫線

この仕上げレイヤーにより、レイアウトを全面的に書き換えなくてもテンプレートの統一感が出ます。

ベータ版ステータス

Marigold は Atelier および Cinematic と同様に beta として提供されています。意味するところは以下のとおりです：

本番利用に十分安定 — 専用 10 セクションと継承セクション全体でテスト済みです
進化する可能性あり — 利用データに基づき、イラストセットの調整、パレット追加、マルキー速度のチューニングを行う場合があります
さらにプレミアムテンプレートを追加予定 — Riviera（海辺のアールデコ）、Onyx（スピークイージー・ノワール）、Maison（手描きレタリングの水彩）が次に控えています

磨くべき点を見つけた場合は、ダッシュボード内のヘルプウィジェットからフィードバックをお送りください。

よくある質問

Q: 結婚式以外のイベントでも Marigold を使えますか？ A: はい — Cover Headline をイベント内容（"Anna Turns Fifty"）に設定し、Bloom のイラストモチーフを選んでください。アイブロウ / タグラインのキーも設定可能です。Marigold は誓いの更新、節目の誕生日、記念日、少人数パーティーに対応します。

Q: パララックス効果はモバイルでも動きますか？ A: タッチデバイスおよび幅 900px 未満のビューポートでは自動的に無効化されます（iOS Safari は固定背景のサポートが歴史的に不安定でした）。モバイルでは、写真は通常のスクロール表示になります。

Q: 自分の手描きイラストをアップロードできますか？ A: ベータ版ではできません。4 つのモチーフ（Cheers / Vows / Journey / Bloom）は、パレットに合わせて調整した手作成の SVG ラインドローイングです。需要があれば、将来的なリリースでカスタムイラストのアップロードを追加する可能性があります。

Q: マルキー帯はゲストの迷惑になりませんか？ A: ホバーで一時停止するため（ゲストが読めるように）、prefers-reduced-motion を尊重し（希望ユーザーにはアニメーション 0）、さらにカスタマイズパネルの "Show marquee section headers" トグルでオフにできます。

Q: 温かい 70 年代っぽい写真の雰囲気はどう出せばいいですか？ A: Marigold はすべての写真に、控えめなフィルター（彩度ダウン + コントラストアップ）を適用し、1970年代のフィルムカメラの温かさを演出します。最良の結果を得るには、ゴールデンアワーの自然光で撮影した写真がおすすめです。どんな写真スタイルでも機能しますが、強いレタッチのポートレートより、自然体のドキュメンタリー写真のほうがより美しく仕上がります。

Q: バーガンディ以外の色も使えますか？ A: はい — Color Palette の項目を Olive、Terracotta、または Ink に切り替えてください。いずれもクリーム紙の上で読みやすく、温かいボヘミアンムードを保つよう手作業で調整されています。

Q: Marigold はカスタム RSVP フォーム項目に対応していますか？ A: はい。追加したカスタム項目（ファイルアップロード、食事制限、曲のリクエストなど）は、仕上げレイヤーにより Marigold の極細下線入力処理とピル送信ボタンを自動的に継承します。

次のステップ

ピッカー UI と、イベントでプレミアムテンプレートを有効にする方法は RSVP 招待状をカスタマイズする方法をご覧ください
レタープレスの格式を求める場合は Atelier ガイド、映画ポスターのようなドラマ性を求める場合は Cinematic ガイドをご覧ください
プレミアムテンプレートの料金は料金ページで比較できます
結婚式を計画中の場合は、Fotify のウェディング写真共有アプリについてもご覧ください

お困りですか？ダッシュボード内のヘルプウィジェットからお問い合わせください。