このテーマの特徴

Harmonic Serenity テーマの特徴:

調和的な配色: 温かみのあるベージュと落ち着いたブルーグレーの配色で、目に優しく落ち着きのある印象を与えます。
視覚的な階層構造: セクションを分割し、異なる背景色を使用することで、内容が明確に整理されています。
目立つヘッダーとフッター: ヘッダーとフッターは、コントラストのある背景色とフォントカラーにより、重要な情報を強調しています。
豊かなタイトルセクション: タイトルセクションには、放射状の背景グラデーションと中央の円で、プレゼンテーションのタイトルを目立たせます。

全体として、このテーマは、プロフェッショナルで魅力的なプレゼンテーションを作成するのに適した、洗練された調和のとれたデザインを提供します。

このテーマを利用する

CSS

/* @theme Harmonic Serenity */
@import default;

section {
  display: flex;
  flex-direction: column;
  padding: 48px 32px;
  font-size: 24pt;
  line-height: 1.6;
  background-color: rgb(245, 243, 240);
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 32px 20px;
  background: linear-gradient(to right, #e0dbdc, #cdc7bf);
  color: #2d384d;
}

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  background: #2d384d;
  color: #e0dbdc;
  position: fixed;
  bottom: 0;
}

section.title {
  background-image: radial-gradient(
    circle at center,
    rgb(238, 235, 231) 0%,
    rgb(255, 255, 255) 50%,
    rgb(255, 255, 255) 51%,
    rgb(238, 235, 231) 100%
  );
  color: #2d384d;
  text-align: center;
  font-size: 30pt;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 48px;
}

section.title::before {
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto 20px;
  background: linear-gradient(to right, #a79267, #d6c09f);
}

section.title h1 {
  font-size: 48pt;
  font-weight: bold;
}

section.title p {
  font-size: 20pt;
}

/* Additional styles for specific elements */
blockquote {
  border-left: 4px solid #2d384d;
  padding-left: 16px;
  margin-left: 16px;
}

code {
  background-color: rgb(245, 245, 245);
  padding: 4px 8px;
}

Marpのサンプル

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

# 結婚式

---
<!--
_class: standard
-->

* エレガントでロマンティックなデザイン
* 花、レース、リボンのモチーフ
* 淡いパステルカラー（ピンク、ブルー、ラベンダーなど）
* ゴシック体のフォントやカリグラフィー

---
# 誕生日会

---
<!--
_class: standard
-->

* お祝い的で楽しいデザイン
* 風船、ケーキ、ギフトのモチーフ
* 明るく鮮やかな色（赤、黄色、緑など）
* 手書き体のフォントまたはポップなフォント

---
# 卒業式

---
<!--
_class: standard
-->

* 学術的で洗練されたデザイン
* 卒業帽とガウン、学位のモチーフ
* ネイビー、バーガンディ、ゴールドなどの伝統的な色
* シリアル体のフォントまたはTimes New Romanなどの古典的なフォント

---
# 旅行の記録

---
<!--
_class: standard
-->

* 冒険的で世界的なデザイン
* 地図、コンパス、飛行機のモチーフ
* 海軍、オリーブ、テラコッタなどのアースカラー
* 手書きのジャーナルスタイルのフォントまたはトラベルブロック体のフォント