このテーマの特徴
カスタムテーマの特徴:
シンプルかつエレガントなデザイン: - テーマ全体がダークブルーとホワイトの配色で、洗練されたプロフェッショナルな雰囲気を醸し出します。
ヘッダーとフッター: - ヘッダーは上部にあり、背景が青と紫のグラデーションになっており、スライドのタイトルとページ番号を表示します。 - フッターはページの下部に固定されており、紫と青のグラデーションの背景があり、スライド番号とスライドの総数を表示します。
セクション: - スライドは垂直方向に列になっています。 - スライドのタイトルセクションは背景色が青で、中央揃えでタイトルが表示されます。
フォントサイズとスタイル: - スライドのフォントサイズは24ptで読みやすく、ヘッダーとフッターのフォントサイズはより大きく、目立つようになっています。 - タイトルセクションのフォントサイズはさらに大きく、36ptでインパクトがあります。
このテーマを利用する
CSS
/* @theme custom_theme */ @import default; section{ display: flex; flex-direction: column; font-size: 24pt; } header{ width: 100%; background: linear-gradient(to right, #1e272e, #3c78d8); padding: 10px; color: white; font-weight: bold; display: flex; justify-content: space-between; align-items: center; } footer{ width: 100%; position: fixed; padding: 5px; background: linear-gradient(to right, #3c78d8, #1e272e); color: #ffffff; bottom: 0px; display: flex; justify-content: center; gap: 10px; box-shadow: 0px -2px 4px #00000029; } section.title{ background-color: #3c78d8; color: #ffffff; padding: 20px; text-align: center; font-size: 36pt; display: flex; flex-direction: column; justify-content: center; } section.title footer{ position: relative; margin-top: auto; }
Marpのサンプル
--- marp: true theme: custom_theme header: プレミアム footer: " " --- <!-- _class: title --> # プレミアムカテゴリデザインコンセプト --- ## 全体的なトーン - ラグジュアリーで洗練された - エクスクルーシブで特別な - 高級感のある --- ## 色 - ダークブルー、ダークグリーン、ブラックなどの濃厚でリッチな色 - ゴールド、シルバー、ブロンズなどのメタリックカラーをアクセントに - プレミアム感と高級感を醸し出す --- ## フォント - エレガントで洗練されたセリフフォント - タイトルには大文字を使用し、印象的な視覚効果を与える - 副次的なテキストには、読みやすいサンセリフフォントを使用 --- ## レイアウト - シンプルで洗練された - 白スペースを効果的に利用し、高級感と洗練さを演出 - 重要な情報をわかりやすく階層化し、読みやすいデザイン --- ## イメージ - プレミアムなライフスタイルを連想させる高品質のイメージ - 高級車、高級リゾート、高級ファッションなど - イメージは、憧れと特別感を呼び起こす --- ## テクスチャ - ベロア、革、大理石などの豪華なテクスチャを使用 - 手触りと深みのある高級感を演出 --- ## アイコン - カテゴリを表現する洗練されたカスタムアイコン - ゴールドまたはシルバーを使用して、プレミアム感を強調 --- ## その他の要素 - 精巧なボーダーやフレームを使用して、セクションや要素を定義 - グラデーションを使用し、テンプレートに奥行きと洗練さを加える - プレミアムのステータスを暗示する「プレミアム」などのラベルを適宜追加