祝い事 お手紙

このテーマの特徴

カスタムテーマの特徴

このカスタムテーマは、以下の特徴があります。

カラフルでインパクトのある

• ヘッダー: オレンジと黄色のグラデーションで、視覚的に際立っています。
• フッター: 黒色の背景に白文字で、コントラストが効いていて読みやすいです。
• タイトルセクション: 赤色の背景に黄色の文字で、重要なコンテンツを強調しています。

視認性の向上

• フォントサイズ: 大きなフォントサイズ（24pt）で、スライド内容が遠くからでも読みやすいです。
• タイトルセクション: タイトルセクションのみ48ptの大文字フォントを使用し、重要なコンテンツを際立たせています。
• テキストシャドウ: タイトルセクションのテキストに影をつけることで、視認性が向上しています。

グラデーションの背景

• ヘッダー: グラデーションの背景がダイナミックな視覚的効果を生み出しています。
• タイトルセクション: 斜めにグラデーションがかかった背景が、奥行き感を与えます。

このテーマを利用する

CSS

/* @theme custom_theme */
@import default;

section {
  display: flex;
  flex-direction: column;
  font-size: 24pt;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 10px;
  background: linear-gradient(45deg, #ff4e00, #ec9f05);
  color: #ffffff;
  font-size: 30pt;
}

footer {
  width: 100%;
  padding: 10px;
  background: #000000;
  color: #ffffff;
  position: fixed;
  bottom: 0pt;
  text-align: center;
}

section.title {
  background-color: #ff4e00;
  color: #ffffff;
  text-align: center;
  font-size: 48pt;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-shadow: 0 2px 4px #00000050;
  background-image: linear-gradient(45deg, #ec9f05 25%, transparent 25%),
    linear-gradient(-45deg, #ec9f05 25%, transparent 25%);
}

Marpのサンプル

---
marp: true
theme: custom_theme
header: " "
footer: " "
---
<!--
_class: title
-->

# 結婚式招待状

---
## お名前

この度は、私どもの結婚の
お祝いにご出席いただき、
誠にありがとうございます。

---
## 場所

○○結婚式場
〒111-1111
東京都港区○○○11-11-11

---
## 挙式・披露宴の日程

2023年3月11日（土）

挙式：11:00～
披露宴：12:00～

---
## お問い合わせ

ご不明な点などございましたら、
お気軽にお問い合わせください。

メールアドレス：info@example.com
電話番号：0123-456-7890