オーロラ・ボレアリス: 視覚的に印象的なMarpプレゼンテーションテーマ

image0 image1

このテーマの特徴

「オーロラ・ボレアリス」テーマの特徴:

  • レイアウト:
    • スライドは垂直に積み重ねられた列で構成されています。
  • タイトルセクション:
    • タイトルセクションは、青から水色への線形グラデーションを使用して背景を作成し、視覚的な焦点を作成しています。
    • タイトルテキストは中央揃えで、より大きなフォントサイズを使用し、濃い青色で表示されています。
  • コンテンツ:
    • コンテンツセクションは24ポイントのフォントサイズで、十分にスペースを空けて配置されています。
  • 全体的な美しさ:
    • このテーマは、色とグラデーションを巧みに使用して、オーロラ・ボレアリスの幻想的な雰囲気を醸し出しています。
    • コントラストの効いた色合いと明瞭なフォントは、読みやすさと視覚的なインパクトを確保しています。

このテーマを利用する

CSS

/* @theme aurora_borealis */
@import default;

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

header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px 10px 10px;
  background: linear-gradient(to right, #93a5cf, #e4efe9);
  color: #34495e;
}

footer{
  width: 100%;
  position: fixed;
  padding: 10px;
  background: #34495e;
  color: #e4efe9;
  bottom: 0px; 
}

section.title{
  background-image: linear-gradient(to bottom right, #93a5cf, #e4efe9);
  color: #34495e;
  text-align: center;
  font-size: 36pt;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

Marpのサンプル

---
marp: true
theme: aurora_borealis
header: " "
footer: " "
---

<!--
_class: title
-->

# aurora_borealis

---

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