Marpのテーマ屋さん
このテーマの特徴
Visionary Glow テーマの特徴
このテーマは、ダークカラーをベースに、アクセントカラーとしてオレンジ（#f39c12）を効果的に使用しているのが特徴です。
セクション:
* ダークグレー（#14181f）の背景に、白っぽいグレー（#e0dcea）の文字で構成されています。
* セクションヘッダーはオレンジ色の境界線で強調されています。
タイトル:
* 濃いグレーの背景に、白い文字です。
* 中央揃えで、見出し（h1）と説明文（p）を大きく表示しています。
強調:
* 重要なテキストは、オレンジ（#f39c12）の太字で強調されています。
全体的に、このテーマはモダンで洗練された印象を与え、オレンジのアクセントカラーがコントラストと視覚的な魅力を加えています。技術的なプレゼンテーションや、暗い環境で閲覧するスライドに適しています。
このテーマを利用する
CSS
/* @theme visionary_glow */
@import default;
section {
display: flex;
flex-direction: column;
padding: 48px 32px;
font-size: 24pt;
background: #14181f;
color: #e0dcea;
}
header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 20px 0;
background: #21262e;
border-bottom: 4px solid #f39c12;
}
footer {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 10px;
background: #21262e;
color: #f39c12;
position: fixed;
bottom: 0;
}
section.title {
background: #21262e;
color: #fff;
padding: 64px 48px;
text-align: center;
font-size: 36pt;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
}
section.title h1 {
font-size: 48pt;
font-weight: bold;
margin-bottom: 8px;
}
section.title p {
font-size: 24pt;
}
.marker {
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 8px;
}
.marker--default {
background: #3f516d;
}
.marker--primary {
background: #f39c12;
}
.marker--secondary {
background: #fff;
}
.emphasis {
font-weight: bold;
color: #f39c12;
}
blockquote {
border-left: 4px solid #f39c12;
padding-left: 12px;
margin-left: 40px;
font-size: 28pt;
}
code {
background: #4e5967;
padding: 4px 8px;
font-family: monospace;
}
table {
border-collapse: collapse;
width: 100%;
margin-top: 20px;
}
table td,
table th {
border: 1px solid #e0dcea;
padding: 4px 8px;
text-align: center;
}
table th {
background: #4e5967;
color: #fff;
}
.diagram {
width: 50%;
margin: auto;
}
.diagram--default {
border: 1px solid #e0dcea;
}
.diagram--primary {
border: 1px solid #f39c12;
}
.diagram--secondary {
border: 1px solid #fff;
}
Marpのサンプル
---
marp: true
theme: custom_theme
header: " "
footer: " "
---
<!--
_class: title
-->
# ビジョナリー・グロー
革新的なアイデアを輝かせるピッチデッキ
---
# 問題
- 競争の激しい市場
- 顧客獲得コストの上昇
---
# 解決策
- 革新的な製品
- 優れた顧客サービス
---
# 市場規模
- 100億ドルの市場
- 年率20%で成長
---
# ビジネスモデル
- サブスクリプションベース
- フリーミアムモデル
---
# 財務予測
- 5年で1000万ドルの収益
- 30%の粗利益率
---
# チーム
- 経験豊富な経営陣
- 情熱的なエンジニア
---
# 競合他社の差別化
- 独自の技術
- 優れたカスタマーサポート
---
# 投資のメリット
- 高い成長の可能性
- 革新的な業界リーダーへの投資
---
# 行動喚起
- 投資にご協力ください
- 未来を一緒に築きましょう
---
# ありがとうございました
