マリーゴールドテンプレート — 完全ガイド
マリーゴールド は、Fotify ライブラリの 3 つ目の超プレミアムテンプレートです。アトリエ がレタープレスのステーショナリーに、シネマティック が映画ポスターに着想を得ているのに対し、マリーゴールドは 1970年代のウェディング雑誌 からインスピレーションを得ています。温かみのあるクリーム色の紙、深いバーガンディのインク、凝縮されたスラブセリフの見出し、イタリックの本文、そして手描きの線画イラストが特徴です。
このガイドでは、マリーゴールドの見た目、マリーゴールド固有のカスタマイズ項目、イベントへの適用方法、そして招待状の各セクションに施される特別なデザイン処理について解説します。
標準テンプレートライブラリとピッカー UI の概要は、RSVP 招待状をカスタマイズする方法 をご覧ください。
マリーゴールドが他と違う点
標準テンプレートは CSS 変数で色・フォント・エフェクトを制御しており、基盤となるレイアウトは共通です。マリーゴールドは異なります。セクション全体のレイアウトを、手作りのエディトリアル表現に置き換え、独自のタイポグラフィ(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 カラムのフッター。中央に手描きイラスト + モノグラム、左にイベント詳細、右にセレモニー詳細。すべて反転したインク帯上に配置されます
マリーゴールドを選ぶべきタイミング
マリーゴールドは、エレガンスと同じくらい温かさやボヘミアンな感性が大切なイベントに向けて作られています:
- モダンウェディング — 特にガーデンウェディング、ワイナリーウェディング、山や湖畔のウェディングなど。フォーマルなステーショナリーではなく、1970年代のフィルムで撮影された結婚式のようなページにしたい場合に最適です
- 誓いの更新(Vow renewals) — 祝福感があり、こなれた雰囲気が記念日や更新に美しく合います
- 少人数ウェディング(≤80 名) — 浮遊カードの親密さは、シネマティックのドラマチックさよりも温かく感じられます
- アニバーサリーパーティー/節目の祝い — Story セクションが「From One Message to a Lifetime」のような表現になり、10/25/50 年の年表に最適です
- 婚約パーティー — カジュアルでありながら上品
- ブライダルシャワー/ガーデンパーティー — クリーム&バーガンディのパレットとフローラルリースのイラストが庭の集まりに合います
- レストラン開店、ギャラリーオープニング、アトリエのローンチ — クリエイティブでエディトリアルな感性が求められる場面
一方で、非常にフォーマルなブラックタイのガラにはあまり向きません(レタープレスの格式なら アトリエ を推奨)。モダンな企業イベントにはシネマティック、完全に伝統的なステーショナリーの見た目を求める場合もアトリエが適しています。
イベントにマリーゴールドを適用する
- イベントを開き、サイドバーの 招待状 をクリックしてから、招待状 タブを開きます
- デザインテンプレート で、ギャラリーが折りたたまれている場合は テンプレートを変更 をクリックし、デザイン の中から マリーゴールド を見つけます
- 任意: 試してみる を押すと、あなたの招待状の内容でマリーゴールドがライブプレビューに表示されます — このデザインを使う を押すまで何も保存されません
- または、マリーゴールド カードをクリックしてすぐに適用します
- ピッカーにカスタマイズパネルが表示されるので、項目を設定します(下記参照)。変更は自動で保存されます
いつでも標準テンプレートに戻しても非破壊です。イベント内容は入力したとおりに保持されます。プレミアム固有の設定項目は別に保存されるため、後で戻した場合もマリーゴールドの設定はそのまま残ります。
利用できるプラン(マリーゴールドを使える人)
マリーゴールドは、無料プランを含むすべてのプランと、すべてのサブスクリプションイベントで利用できます。ロックはなく、アップグレードも不要です。どのイベントでも適用・公開できます。
無料イベントでは、マリーゴールドの招待状の下隅に小さな 「Fotifyで作成」 バッジが表示されます。有料プランまたは有効なサブスクリプションがあれば、このバッジは外れます。
カスタマイズオプション
マリーゴールドには、テンプレート固有の調整項目(knob)が 8 つ用意されています。マリーゴールドは Fotify の標準の色・フォント設定を使わず、これらの項目がその代わりになります。
1. モノグラム
最大 4 文字 — 通常はホストのお二人のイニシャル(例: "C&R")です。クロージングのフッターカードに、中央配置の表示サイズのモノグラムとして表示されます。空欄にすると、"Camille & Rowan" のようなカップルの名前からイニシャルが使われます。それ以外のイベント名では、クロージングカードにモノグラムは表示されません。
2. カバーの見出し
フローティングのカバーカードに表示される 3 行の見出しです。空欄の場合は既定の "It's Our Wedding Day" が使われます。結婚式以外のイベントでは、"Anna Turns Fifty" や "Welcome to the Atelier Opening" のように設定してください。
3. カバーのタグライン
カバーカード右上の小さなイタリックの 1 行です。例: "Camille & Rowan are getting married", "Anna turns 50", "Welcome to the atelier opening", "A summer to remember"。
4. カラーパレット
クリーム + 深みのあるアクセントカラー。パレットは 4 種類です:
- Burgundy & Cream (default) — 1970 年代のウェディング誌のようなクラシックさ
- Olive & Bone — ガーデン / カントリーサイド / 秋
- Terracotta & Sand — 地中海 / 夏 / ダスティローズ
- Ink & Linen — モダンなエディトリアル / ミニマル / ニュートラル
5. イラストモチーフ
カバーカードとクロージングのフッターに表示される、手描き風の線画イラストです:
- Cheers — シャンパングラス 2 つの乾杯
- Vows — 重なり合う結婚指輪 2 つ
- Journey — "JUST MARRIED" バナーと、後ろに缶を結んだヴィンテージのオープンカー
- Bloom — 8 つの花が入った円形のフローラルリース
6. カバーカードの位置
ヒーロー写真の上に重なるフローティングのクリームカードの位置です:
- Center (default) — ポスターのように見え、バランスの良い構図
- Left — 写真の右側がより多く見える
- Right — 写真の左側がより多く見える
7. マーキー形式のセクション見出し
主要セクション用の、繰り返し表示されるマーキー帯("GIFTS & WISHES 🎀 GIFTS & WISHES 🎀")を切り替えます。既定ではオンです。表紙のエディトリアル・マガジン風のドラマ性をセクション区切りに取り入れます。
8. RSVPセクションの見出しと促し文
RSVP セクションの見出し(既定では "Will You Join Us?")と、返信カード上の小さな促し文(既定では "Kindly send your reply")は、それぞれ上書きできます。どちらかを空欄にすると既定値が維持されます。イベントのトーンや言語に合わせるのに便利です — 例: ドイツ語の祝賀では、見出しに "Werden Sie dabei sein"、促し文に "Bitte senden Sie Ihre Antwort" を使用できます。
マリーゴールドが招待状に表示するすべてのテキスト — 表紙の見出しと招待の一文、クロージングのタイトル、返信カードのタイトル、各セクションのアイブロウ — は、ページ上で直接書き換えることもできます。ライブプレビューを編集モードに切り替えて、テキストをダブルクリックしてください。上記のテキスト系の項目も同じようにその場で編集できます。パレットなど、プレーンテキストではない値は、引き続き各カスタマイズ項目で設定します。
各セクションのデザイン処理
カバー
マリーゴールドのカバーは、標準ヘッダーを全面的に置き換えます。全幅表示のイベント写真を、シネマ風パララックス(スクロールしても写真がビューポートに固定される)で描画し、その上にフローティングのクリーム色のペーパーカードを重ねて、以下を配置します:
- 右上: tagline(Lora italic)
- 中央: headline(DM Serif Display、3 行、インク色)
- 中央: hand-drawn illustration(選択したモチーフ)
- 中央: サブタイトル行("Ceremony & Reception")+ 日付 / 会場(Lora bold)
- 中央: イタリックの本文コピー
- 中央: RSVP pill button(インクのベタ塗り)
カード位置は設定可能です。イベント写真が未設定の場合、カバーは柔らかなグラデーション背景でレンダリングされます。
ストーリー
各マイルストーンは 2 カラム見開き になります — 片側に 4:5 の縦写真、もう片側に章のアイブロウ、イタリックの日付、DM Serif Display のタイトル、Lora の本文を載せたクリームカードを配置します。見開きは左右交互に入れ替わり、リズム感のある見せ方になります。写真にはシネマ風パララックスが適用されます。
カウントダウン
反転したインク色の帯 の上に、柔らかなクリームのタイルを並べて表示します。各単位(Days / Hours / Minutes / Seconds)は、DM Serif Display の値と、その下に Lora italic のスモールキャップ・ラベルを備えた、角丸のペーパータイルになります。
RSVP
中央配置の クリーム色のペーパーカード。"Kindly send your reply" のイタリック・アイブロウ、期限のイタリック本文に続いて、標準 RSVP フォームをマリーゴールドに合わせて再スキンします(極細の下線入力、ホバーで反転するピル型送信ボタン)。セクション見出しと、このアイブロウの促し文はカスタマイズパネルから編集できます(上記の customization knobs を参照)。
ギャラリー(カルーセル)
ヴィンテージのフォトアルバム — スプロケットのないグリッドで、まず 16:9 のヒーロー画像、その後に追加写真の 3 枚グリッドを配置します。すべての画像に温かみのあるカラーフィルター(彩度を少し下げ + コントラストを少し上げ)を適用し、"PHOTO N° 03" のイタリックキャプションを付けます。
会場
エスタブリッシングショットのプレート: 地図は極細フレームのカード内にレンダリングされ、隣に "WHERE WE GATHER" のアイブロウ、DM Serif Display の住所、案内(directions)ブロックを含むクリームカードが並びます。
カレンダーに保存(Save the Date)
3 つの ピルボタン(Google / Apple / Outlook)を表示し、いずれもインク色のアウトライン処理になります。ホバーでベタ塗りに反転します。
旅程
週末プログラム のスケジュール — 各日には DM Serif Display の曜日見出しがつき、各イベントは左に 1.5rem の表示時間、右にイベント名 + 場所 + メモを並べて表示します。行間には極細の罫線を入れます。
ギフト
反転したインク色の帯 に、(有効時)"GIFTS & WISHES 🎀 GIFTS & WISHES 🎀" のマーキー見出しを表示します。3 つのブロック(Registries / Monetary / Charity)は、ペーパー調の PillButton CTA を備えたクリームカードとして表示されます。
イベント詳細
制作ノート の積み重ね表示 — ドレスコードは、極細罫線に挟まれた中央配置のイタリック引用として表示します。宿泊は、角丸と温かい影のある柔らかなクリームカードで表示します。交通は、コールシート風の行として表示します。FAQ は、スクリプト調の Q & A 形式で、回答はイタリックにして極細の左罫線の下にインデント表示します。
メッセージ
ホストからの招待文は、"A Word from the Hosts" のスモールキャップ・アイブロウとともに表示され、最初の長い段落(先頭が英字で 80 文字以上)には DM Serif Display のドロップキャップが適用されます。本文は Lora です。
クロージングカードフッター
インク反転背景の上に 3 カラムのクロージング帯 を配置します:
- 左: "EVENT DETAILS" のアイブロウ + 日付 + 場所
- 中央: 手描き風イラスト + モノグラム
- 右: "CEREMONY & RECEPTION" のアイブロウ + 会場 + レセプション詳細
- 下: インク背景にペーパー調の "RSVP" PillButton
継承されるセクション(専用レイアウトにならないもの)
一部のセクションはデフォルトのキットでレンダリングされ、マリーゴールドの仕上げレイヤーを継承します:
- Photo Upload — ピル型のアップロードボタン、極細下線の入力
- QR Code — インク枠の QR プレート
- Table Assignment — ピル型の検索/CTA ボタン
- Custom sections — DM Serif Display の見出し、Lora の本文、極細の罫線
この仕上げレイヤーにより、レイアウトを全面的に書き換えなくてもテンプレートの統一感が出ます。
ベータ版ステータス
マリーゴールドは アトリエ および シネマティック と同様に beta として提供されています。意味するところは以下のとおりです:
- 本番利用に十分安定 — 専用 10 セクションと継承セクション全体でテスト済みです
- 進化する可能性あり — 利用データに基づき、イラストセットの調整、パレット追加、マルキー速度のチューニングを行う場合があります
- さらにプレミアムテンプレートを追加予定 — Riviera(海辺のアールデコ)と Maison(手描きレタリングの水彩)が次に控えています
磨くべき点を見つけた場合は、ダッシュボード内のヘルプウィジェットからフィードバックをお送りください。
よくある質問
Q: 結婚式以外のイベントでもマリーゴールドを使えますか? A: はい — Cover Headline をイベント内容("Anna Turns Fifty")に設定し、Bloom のイラストモチーフを選んでください。アイブロウ / タグラインのキーも設定可能です。マリーゴールドは誓いの更新、節目の誕生日、記念日、少人数パーティーに対応します。
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: マリーゴールドはすべての写真に、控えめなフィルター(彩度ダウン + コントラストアップ)を適用し、1970年代のフィルムカメラの温かさを演出します。最良の結果を得るには、ゴールデンアワーの自然光で撮影した写真がおすすめです。どんな写真スタイルでも機能しますが、強いレタッチのポートレートより、自然体のドキュメンタリー写真のほうがより美しく仕上がります。
Q: バーガンディ以外の色も使えますか? A: はい — Color Palette の項目を Olive、Terracotta、または Ink に切り替えてください。いずれもクリーム紙の上で読みやすく、温かいボヘミアンムードを保つよう手作業で調整されています。
Q: マリーゴールドはカスタム RSVP フォーム項目に対応していますか? A: はい。追加したカスタム項目(ファイルアップロード、食事制限、曲のリクエストなど)は、仕上げレイヤーによりマリーゴールドの極細下線入力処理とピル送信ボタンを自動的に継承します。
次のステップ
- テンプレートギャラリーと、適用する前にデザインを試す方法は RSVP 招待状をカスタマイズする方法 をご覧ください
- レタープレスの格式を求める場合は アトリエガイド、映画ポスターのようなドラマ性を求める場合は シネマティックガイド をご覧ください
- スイス・エディトリアルスタイルの結婚式招待状なら、フォリオ をご覧ください
- 結婚式を計画中の場合は、Fotify のウェディング写真共有アプリ についてもご覧ください
お困りですか? ダッシュボード内のヘルプウィジェットからお問い合わせください。
この記事は役に立ちましたか?