ネオンの輝きと闇のコントラストが映える プレゼンテーションの光るテーマ

image0 image1

このテーマの特徴

ネオン・グロウのテーマの特徴:

暗闇の中のネオンの輝き: * 漆黒の背景(#000)と鮮やかな白の文字(#ffffff)の組み合わせが、ネオンのような輝きを生み出します。

光るヘッダー: * ヘッダーは、緑色のネオングロウ(ボックスシャドウ: #00ff00)で縁取られ、コントラストと視覚的なインパクトを与えています。

蛍光色のフッター: * フッターは、緑色から黄色のグラデーションの背景(#008080 から #00ff00)で、暗い画面下部に明るいアクセントを加えています。

印象的なタイトルセクション: * タイトルセクションは、中央揃えで大きなフォントサイズ(36pt)を採用し、視線を捉えます。 * 背景色は漆黒で、ネオンの輝きと対比してタイトルを際立たせています。

全体的な効果: このテーマは、ネオンサインの雰囲気を表現し、暗い背景に鮮やかなコントラストを生み出すことで、プレゼンテーションにインパクトと視覚的な興味を与えます。

このテーマを利用する

CSS

/* @theme neon_glow */
@import default;

section {
  font-size: 24pt;
  background-color: #000;
  color: #ffffff;
  padding: 20px;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background-color: #000;
  color: #ffffff;
  font-size: 24pt;
  box-shadow: 0px 0px 10px 5px #00ff00;
}

footer {
  width: 100%;
  position: fixed;
  padding: 10px;
  background: linear-gradient(to right, #008080, #00ff00);
  color: #ffffff;
  bottom: 0px;
  text-align: center;
  font-size: 14pt;
}

section.title {
  text-align: center;
  font-size: 36pt;
  background-color: #000;
  color: #ffffff;
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

Marpのサンプル

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

# ソーシャル メディア マーケティング

---
<!--
_class: standard
-->

## ターゲットオーディエンス

- ソーシャル メディア マーケティング担当者
- ブランドマネージャー
- コンテンツ クリエイター

---
<!--
_class: standard
-->

## デザインの目標

- ソーシャル メディアのダイナミックで魅力的な性質を捉える。
- ソーシャル メディア プラットフォーム間の接続性を強調する。
- 視覚的に魅力的で、情報を効果的に伝える。

---
<!--
_class: standard
-->

## イメージ

- **カラフルでビビット:** ソーシャル メディアの明るい色調やアイコンを使用する。
- **インタラクティブ:** コメントやシェアのアイコン、その他のインタラクティブ要素を取り入れる。
- **多様な:** ソーシャル メディア上で共有される幅広いコンテンツタイプを表す。
- **モダンでスタイリッシュ:** トレンドに沿ったフォント、グラフィック、レイアウトを使用する。

---
<!--
_class: standard
-->

## 配色

- ソーシャル メディア ブランドの青、緑、黄色などの明るい色を使用する。
- アクセントとしてコントラストの強い色を使用する(例: 赤、黒、白)。
- グラデーションやパターンを使用して、視覚的な興味を喚起する。

---
<!--
_class: standard
-->

## フォント

- 明瞭で読みやすい sans-serif フォントを使用する。
- 見出しや重要なテキストには大きく太字のフォントを使用する。
- ボディテキストには、読みやすい中程度のサイズのフォントを使用する。

---
<!--
_class: standard
-->

## レイアウト

- 情報を効果的に整理するためのグリッドベースのレイアウトを使用する。
- 視覚的な階層を作成するために、異なるセクションを区別する。
- 画像、グラフィック、テキストを組み合わせて、視覚的な関心を高める。

---
<!--
_class: standard
-->

## その他の要素

- **アイコン:** ソーシャル メディア プラットフォームを視覚的に表すアイコンを使用する。
- **統計情報:** ソーシャル メディアのパフォーマンスに関するデータや統計情報を組み込む。
- **ケーススタディ:** ソーシャル メディア キャンペーンの成功例を取り上げる。