このテーマの特徴
ネオン・グロウのテーマの特徴:
暗闇の中のネオンの輝き: * 漆黒の背景(#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 --> ## その他の要素 - **アイコン:** ソーシャル メディア プラットフォームを視覚的に表すアイコンを使用する。 - **統計情報:** ソーシャル メディアのパフォーマンスに関するデータや統計情報を組み込む。 - **ケーススタディ:** ソーシャル メディア キャンペーンの成功例を取り上げる。