自然のプレゼンテーションのためのオーガニックガーデンテーマ

このテーマの特徴

テーマの特徴：

オーガニックガーデン

全体的なレイアウト： * スライドは縦に並ぶレイアウトで、各セクションには十分なパディングがあります。

セクションスタイル： * 各セクションはコラムとして表示され、フォントサイズは24ptです。 * セクション間の余白は48pxです。

タイトルセクション： * タイトルセクションは緑の背景で、白いテキストで中央揃えされています。 * フォントサイズは36ptで、プラントのアイコン（🌱）がセクション上に配置されています。 * タイトルは48ptのフォントサイズで、見出しの下に表示されます。

全体的な印象： このテーマは自然で有機的な雰囲気を醸し出しており、次のような特徴があります。

• 植物をモチーフにした緑の色調
• 丸みを帯びた形状と柔らかなグラデーション
• 十分なスペースとパディングによる読みやすさの向上

用途： このテーマは、環境、自然、サステナビリティなどのトピックに関するプレゼンテーション、または温かみのある印象を与えたいプレゼンテーションに適しています。

このテーマを利用する

CSS

/* @theme organic_garden */
@import default;

section {
  display: flex;
  flex-direction: column;
  font-size: 24pt;
  padding: 48px 32px;
  gap: 48px;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 20px;
  background: linear-gradient(to right, #8bc34a, #008000);
  color: #ffffff;
}

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

section.title {
  background-color: #008000;
  color: #ffffff;
  padding: 64px;
  text-align: center;
  font-size: 36pt;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

section.title::before {
  content: "🌱";
  font-size: 128pt;
  color: #ffffff;
  background: #8bc34a;
  padding: 16px;
  border-radius: 50%;
  margin: 0 auto 20px;
}

section.title h1 {
  font-size: 48pt;
  margin: 0;
}

Marpのサンプル

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

# タイトル

---

<!--
_class: standard
-->

# 見出し
- これはリスト
- これもリスト