爽やかな青

このテーマの特徴

このテーマの特徴は以下の通りです。

• ヘッダーは青色のグラデーションで、フッターは紫色のグラデーションになっています。
• タイトルのスライドは背景色が青色で、テキストが白で中央揃えになっています。
• テキストのフォントサイズは24ptで、タイトルのスライドのテキストのフォントサイズは48ptです。
• ヘッダーとフッターにはドロップシャドウが設定されています。

このテーマを利用する

CSS

/* @theme custom_theme */
@import default;

section{
  display: flex;
  flex-direction: column;
  font-size: 24pt;
}

header{
  width: 100%;
  height: 70pt;
  background: linear-gradient(to right, #89f7fe, #66a6ff);
  color: #ffffff;
  padding: 18pt;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px 8px 32px #00000029;
}

footer{
  width: 100%;
  position: fixed;
  padding: 12pt;
  background: linear-gradient(to right, #66a6ff, #89f7fe);
  color: #ffffff;
  bottom: 0pt;
  display: flex;
  justify-content: center;
  gap: 10pt;
  box-shadow: 0px -8px 32px #00000029;
}

section.title{
  background-color: #0096c7;
  color: #ffffff;
  text-align: center;
  font-size: 48pt;
  padding-top: 50pt;
  padding-bottom: 50pt;
  display: flex;
  justify-content: center;
  align-items: center;
}

Marpのサンプル

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

# 提案書

---
<!--
_class: content
-->

## 色
- パステルカラーやアースカラーなど、柔らかいイメージの色合いを使用する。
- 色は3色程度に抑え、統一感を持たせる。

## フォント
- 見やすい明朝体やゴシック体を使用する。
- フォントは2種類程度に抑え、メリハリをつける。

## レイアウト
- タイトルや見出しは大きめのフォントを使用して、目立たせる。
- 本文は小さめのフォントを使用し、読みやすくする。
- 余白を適度に取って、すっきりとした印象にする。

## 画像
- 提案内容に関連した画像を使用する。
- 画像は高解像度のものを使用し、鮮明に表示させる。

## グラフや図
- 提案内容をわかりやすく説明するために、グラフや図を使用する。
- グラフや図はシンプルで、見やすいものを選ぶ。

## 全体的なイメージ
- 上品で洗練されたイメージを目指す。
- 提案内容をわかりやすく伝えることを第一に考える。