Marpサイバーキャット・ドリームスケープテーマの紹介

プレゼンテーション

概要

サイバーキャット・ドリームスケープは、Marpプレゼンテーション用に設計された独特で魅力的なテーマです。このテーマは、サイバーパンクの要素とドリームライクな雰囲気を融合させ、視聴者の注目を集める独特の視覚体験を提供します。

主な特徴

  1. 鮮やかなカラーパレット
  2. グラデーションを活用したテキストとバックグラウンド
  3. アニメーション効果
  4. レスポンシブデザイン
  5. ダークモードサポート

カラーパレット

テーマは以下の5つの主要な色を使用しています：

  • バーガンディ (#8C3545)
  • ダーク (#26020C)
  • ネイビー (#253C59)
  • ティール (#329AA6)
  • サンド (#F2DDB6)

これらの色は、スライド全体で様々な要素に使用され、視覚的な一貫性と興味を生み出しています。

タイポグラフィ

本テーマは、優雅さとレトロフューチャリズムを融合させた「Kaisei Decol」フォントを使用しています。これにより、テキストに独特の個性が与えられています。

使用方法

  1. テーマファイルをダウンロードし、Marpプロジェクトに配置します。
  2. Marpドキュメントの先頭に以下のYAMLフロントマターを追加します：
---
marp: true
theme: cybercat-dreamscape
---

スタイルの例

通常のスライド

# これはメインタイトルです

これは通常のテキストパラグラフです。**太字**や*イタリック*のテキストも使用できます。

- リストアイテム1
- リストアイテム2
- リストアイテム3

[これはリンクです](https://example.com)

リードスライド

特別な「リード」クラスを使用して、開始スライドや重要なセクションを強調できます：

<!-- _class: lead -->

# プレゼンテーションタイトル

## サブタイトルやキャッチフレーズ

発表者名

コードブロック

\```python
def hello_world():
    print("Welcome to Cybercat Dreamscape!")

hello_world()
\```

引用

> サイバーキャット・ドリームスケープは、あなたのプレゼンテーションを夢のような冒険に変えます。

カスタマイズ

テーマのSCSSファイルを編集することで、色、フォント、その他のスタイル要素をカスタマイズできます。主な変数は以下の通りです：

$color-burgundy: #8C3545;
$color-dark: #26020C;
$color-navy: #253C59;
$color-teal: #329AA6;
$color-sand: #F2DDB6;

まとめ

サイバーキャット・ドリームスケープテーマは、独特で魅力的なビジュアルスタイルを求めるプレゼンターに最適です。サイバーパンクとドリームライクな要素を組み合わせることで、このテーマはあなたのプレゼンテーションを忘れられない体験に変えます。

Marpとサイバーキャット・ドリームスケープを使って、聴衆を魅了するプレゼンテーションを作成しましょう！

リポジトリ

GitHub - Sunwood-ai-labs/Theme-Vault-Marp: Theme-Vault-Marp
Theme-Vault-Marp. Contribute to Sunwood-ai-labs/Theme-Vault-Marp development by creating an account on GitHub.
github.com
Release Release v1.3.0 · Sunwood-ai-labs/Theme-Vault-Marp
🚀 Theme-Vault-Marp v1.3.0 リリースノート📋 概要Theme-Vault-Marp v1.3.0では、新しいテーマ「Cybercat Dreamscape」を追加しました。さらに、既存のREADME.mdを改良し、いくつかのテーマのプレビュー画像を追加して、ユーザーエクスペリエンスを向上させまし...
github.com

コメント

タイトルとURLをコピーしました