このテーマの特徴
「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 --> ## グラフィック - 有機的な形、葉や花のパターン - 手描き風のイラストレーションやアイコン - 冒険や旅を象徴するコンパス、地図、カメラ