オレンジヘッダー

このテーマの特徴

• カスタムテーマの色: テーマカラーは、濃いオレンジ(#f79256)と濃い青(#3f51b5)です。また、セクションのタイトルは淡い青緑(#b0bec5)で背景が塗られています。
• スライドタイトルの強調: セクションのタイトルは、背景が塗られ、中央揃えされ、大きなフォントサイズで表示されます。これにより、スライドのタイトルが一目でわかりやすくなります。
• 大きなフォントサイズ: スライドのフォントサイズは24ptと大きめに設定されており、離れた場所からでも見やすくなっています。

このテーマを利用する

CSS

/* @theme custom_theme */
@import default;

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

header {
  width: 100%;
  height: 60pt;
  background: #f79256; /* 濃いオレンジ */
  color: #ffffff;
  padding: 18pt;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 8px 32px #00000029;
}

footer {
  width: 100%;
  position: fixed;
  padding: 12pt;
  background: #3f51b5; /* 濃い青 */
  color: #ffffff;
  bottom: 0pt;
  display: flex;
  justify-content: center;
  gap: 10pt;
  box-shadow: 0px -8px 32px #00000029;
}

section.title {
  background-color: #b0bec5; /* 淡い青緑 */
  color: #ffffff;
  text-align: center;
  font-size: 48pt;
  padding-top: 50pt;
  padding-bottom: 50pt;
  display: flex;
  justify-content: center;
  align-items: center;
}

Marpのサンプル

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

# アート・デザイン

---
## イメージ
- カラフルで遊び心のあるデザイン
- 視覚的に魅力的で、見る人を惹きつけるデザイン
- 創造性と芸術性が感じられるデザイン
- ユニークで印象的なデザイン
- トレンドに左右されない、普遍的なデザイン

---
## 色調
- ビビッドな色調
- パステルカラー
- モノトーン
- グラデーション
- メタリックカラー

---
## テイスト
- ポップアート
- アール・デコ
- モダニズム
- ミッドセンチュリーモダン
- コンテンポラリー

---
## モチーフ
- 花や植物
- 動物
- 人間の顔や手足
- 抽象的な模様
- 幾何学模様

---
## レイアウト
- シンメトリー
- アシンメトリー
- グリッドレイアウト
- フリーレイアウト
- リキッドレイアウト

---
## フォント
- サンセリフ体
- セリフ体
- スクリプ字体
- ディスプレイ体