自然

image0 image1

このテーマの特徴

「herbal_journey」テーマの特徴:

1. 自然をイメージしたカラーリング - 背景色は落ち着いた緑がかったベージュ (#f5f5f5) と、深みのある緑 (#547630) を使用しています。 - ヘッダーは黄金色のグラデーションで、自然の温かさを表現しています。

2. 植物をモチーフにした装飾 - タイトルセクションには、植物の葉の形をしたクリップパスが使用されています。 - 背景にも葉をモチーフにしたSVGパターンがあります。

3. 明瞭なセクション分け - セクションはすべて明確に色分けされており、異なるトピックを視覚的に区別しています。 - タイトルセクションは特に印象的で、大判のフォント、中央揃え、背景のグラデーションが特徴です。

4. 実用的なレイアウト - ヘッダーとフッターは、ページのナビゲーションや追加情報を表示するために使用できます。 - セクションは十分な余白があり、テキストを読みやすくしています。

このテーマを利用する

CSS

/* @theme herbal_journey */
@import default;

section {
  font-size: 24pt;
  background: #f5f5f5;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 20px;
  background: linear-gradient(to right, #879b50, #547630);
  color: #ffffff;
  box-shadow: 0 2px 4px #0000001a;
}

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0 -2px 4px #0000001a;
}

section.title {
  background: #547630;
  color: #ffffff;
  text-align: center;
  font-size: 36pt;
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23547630' d='M-2 -2L35 20L35 101L-2 101L-2 -2Z'/%3E%3Cpath fill='%237ea05a' d='M-2 -2L70 10L70 72L-2 101L-2 -2Z'/%3E%3Cpath fill='%23a8c785' d='M-2 -2L97 18L97 62L-2 101L-2 -2Z'/%3E%3Cpath fill='%23cdd4af' d='M43 1L97 51L97 93L43 104L43 1Z'/%3E%3C/svg%3E");
}

Marpのサンプル

---
marp: true
theme: herbal_journey
---
<!--
_class: title
-->

# ライフスタイル

---

<!--
_class: section_1
-->

## 色

- グリーン、ブルー、イエローなど、自然を連想させる色
- 暖かみのあるニュートラルカラー、ベージュ、ブラウン
- アクセントカラーに、ターコイズブルー、コーラル、パープル

---

<!--
_class: section_2
-->

## フォント

- 明るく、読みやすい、サンセリフ体
- スクリプト体や手書きのフォントで、親しみやすさを演出
- サイズや太さに変化を持たせ、視覚的な興味を引き出す

---

<!--
_class: section_3
-->

## 画像

- 自然の風景、アウトドアアクティビティ、健康的な食べ物
- 旅や冒険を想起させる写真、文化的多様性
- 人と自然とのつながり、ウェルネスの瞬間

---

<!--
_class: section_4
-->

## グラフィック

- 有機的な形、葉や花のパターン
- 手描き風のイラストレーションやアイコン
- 冒険や旅を象徴するコンパス、地図、カメラ