このテーマの特徴
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%の粗利益率 --- # チーム - 経験豊富な経営陣 - 情熱的なエンジニア --- # 競合他社の差別化 - 独自の技術 - 優れたカスタマーサポート --- # 投資のメリット - 高い成長の可能性 - 革新的な業界リーダーへの投資 --- # 行動喚起 - 投資にご協力ください - 未来を一緒に築きましょう --- # ありがとうございました