Marigold テンプレート — 完全ガイド
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 の設定はそのまま残ります。
プレミアム権限(Marigold を使える人)
Marigold はプレミアム階層のテンプレートで、保存できるのは有料の権限が付与されたイベントのみです:
- 有料(クレジット消費)イベント — イベントクレジットを使用するイベントは自動的に権限が付与されます
- 有効なサブスクリプションのサブスクリプションイベント — 有効期間中または猶予期間中のサブスクリプションに紐づくイベントは権限が付与されます
- 無料イベント — ピッカーでは Marigold がロックされ、アップグレードの案内が表示されます。閲覧はできますが、サーバーは保存を 403 で拒否します
ロックはピッカー UI とサーバーの両方で適用されます。
カスタマイズ項目
Marigold では、Fotify 標準の色 + フォント制御に加えて、テンプレート固有の 7 つのカスタマイズ項目を利用できます。
1. モノグラム
最大 4 文字 — 通常は主催者のイニシャル(例:"C&R")です。クロージングフッターカードの中央に、ディスプレイサイズのモノグラムとして表示されます。
2. カバー見出し
浮遊カバーカード内の 3 行見出し。空欄にすると既定の "It's Our Wedding Day" が使用されます。結婚式以外のイベントでは、"Anna Turns Fifty" や "Welcome to the Atelier Opening" のように設定してください。
3. カバータグライン
カバーカード右上の小さなイタリック行。例:"Camille & Rowan are getting married"、"Anna turns 50"、"Welcome to the atelier opening"、"A summer to remember"。
4. カラーパレット
クリーム + 深いアクセントの組み合わせ。4 つのパレット:
- Burgundy & Cream(既定) — 1970年代ウェディング雑誌の王道
- Olive & Bone — ガーデン / 田園 / 秋
- Terracotta & Sand — 地中海 / 夏 / ダスティローズ
- Ink & Linen — モダンエディトリアル / ミニマル / ニュートラル
5. イラストモチーフ
カバーカードとクロージングフッターに表示される手描き線画イラスト:
- Cheers — 2 つのシャンパングラスの乾杯
- Vows — 絡み合う 2 つの結婚指輪
- Journey — "JUST MARRIED" バナーと後ろに缶をつないだヴィンテージのオープンカー
- Bloom — 8 つの花をあしらった円形のフローラルリース
6. カバーカード位置
ヒーロー写真の上に浮かぶクリームカードの位置:
- Center(既定) — ポスターのように見え、バランスの良い構図
- Left — 右側の写真がより見える
- Right — 左側の写真がより見える
7. マルキーのセクションヘッダー
主要セクションに対して、繰り返しマルキー帯("GIFTS & WISHES 🎀 GIFTS & WISHES 🎀")を表示するかを切り替えます。既定でオン。カバーのエディトリアルなドラマ性を、セクション区切りにも持ち込みます。
各セクションのデザイン処理
Cover
Marigold のカバーは、標準ヘッダーを全面的に置き換えます。cinema parallax によるフルブリードのイベント写真(スクロールしても写真はビューポートに固定)を背景に、上に浮かぶクリーム紙のカードを重ね、以下を含みます:
- 右上:Lora italic の タグライン
- 中央:見出し(DM Serif Display、3 行、インク色)
- 中央:手描きイラスト(選択したモチーフ)
- 中央:サブタイトル行("Ceremony & Reception, Late Afternoon")+ 日付 / 会場(Lora bold)
- 中央:イタリックの本文
- 中央:RSVP ピルボタン(インクの塗りつぶし)
カード位置は設定可能です。イベント写真が未設定の場合、カバーは柔らかなグラデーション背景で表示されます。
Story
各マイルストーンは 2 カラムの見開き になります。片側に 4:5 縦写真、もう片側に章のアイブロウ、イタリックの日付、DM Serif Display のタイトル、Lora の本文を載せたクリームカードを配置します。左右交互に配置され、視覚的なリズムが生まれます。写真は cinema parallax を適用します。
Countdown
反転インク帯 上に、柔らかなクリームタイルで表示されます。各単位(Days / Hours / Minutes / Seconds)は角丸の紙タイルになり、DM Serif Display の数値と、その下に Lora italic のスモールキャップスラベルが表示されます。
RSVP
中央配置の クリーム紙カード。"Kindly send your reply" のイタリックなアイブロウ、期限はイタリック本文で表示し、その後に標準 RSVP フォームを Marigold 向けに再スキン(極細の下線入力、ホバーで反転するピル送信ボタン)します。
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 のウェディング写真共有アプリ についてもご覧ください
お困りですか? ダッシュボード内のヘルプウィジェットからお問い合わせください。
この記事は役に立ちましたか?