このテーマの特徴
Wedding Invitation テーマの特徴:
エレガントな色合い:
- 背景に柔らかなピンク (#e08283) とベージュ (#f0e6e6) を使用し、ロマンチックで上品な雰囲気を演出しています。
クラシックなフォント:
- フォントサイズを大きめ (24pt 以上) に設定し、本文を視認性を高くしています。また、見出しに太字のフォントを使用し、重要な情報を強調しています。
セクション分けされたレイアウト:
- セクションをヘッダー、タイトル、情報、フッターに分けて構造化しており、コンテンツを整理し、読みやすくしています。
装飾的なヘッダーとフッター:
- ヘッダーとフッターに背景色と傾斜グラデーションを追加し、デザインに視覚的な関心を添えています。
目立つタイトル:
- タイトルセクションは中央揃えで、大きなフォントサイズ (48pt) を使用し、イベントの名前と日付を強調しています。また、異なる背景色とフォント色で区別されています。
全体として、このテーマは結婚式などのフォーマルなイベントに適しており、上品で印象に残るプレゼンテーションを作成できます。
このテーマを利用する
CSS
/* @theme wedding_invitation */ @import default; section { display: flex; flex-direction: column; font-size: 24pt; padding: 48px 32px; } header { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 8px 20px; background: linear-gradient(to right, #f0e6e6, #e08283); color: #54422b; margin-bottom: 32px; } footer { display: flex; justify-content: center; align-items: center; width: 100%; padding: 20px; background: #f0e6e6; color: #54422b; position: fixed; bottom: 0; } section.title { background-color: #e08283; color: #f0e6e6; padding: 48px; text-align: center; font-size: 36pt; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; } section.title h1 { font-size: 48pt; margin: 0; } section.info { display: flex; flex-direction: column; gap: 32px; } section.info > div { display: flex; flex-direction: column; gap: 8px; text-align: center; } section.info h2 { font-size: 30pt; margin: 0; } section.info p { font-size: 24pt; } .separator { width: 100%; height: 1px; background: #54422b; margin: 32px 0; } .center { text-align: center; }
Marpのサンプル
--- marp: true theme: wedding_invitation header: Wedding Invitation footer: RSVP. March 1, 2023 --- <!-- _class: title --> # [Insert Couple's Names]'s Wedding --- ## Save the Date Saturday, May 20th, 2023 --- ## Ceremony 18:00 St. Peter's Chapel 123 Main Street --- ## Reception 19:00 The Grand Ballroom 456 Elm Street --- ## RSVP Kindly reply by March 1, 2023 www.rsvp.com/wedding