現代美術をテーマにした洗練されたMarpテーマ

image0 image1

このテーマの特徴

現代美術テーマの特徴

タイトルセクション: * 要素の間に20pxの余白があり、読みやすく視覚的に魅力的になっています。 * 45度の斜線で構成された繰り返しの線形グラデーションの背景があり、動きとテクスチャの感覚を与えます。

全体的な特徴:

  • 現代的で洗練された美学。
  • 視覚的に魅力的な背景画像とグラフィック要素。

このテーマを利用する

CSS

/* @theme modern_art */
@import default;

section{
  display: flex;
  flex-direction: column;
}

header{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
  background-color: #000;
  color: white;
  font-size: 48pt;
  font-family: Arial, sans-serif;
  background-image: url("https://source.unsplash.com/1600x900/?art,abstract");
  background-size: cover;
  background-position: center;
}

footer{
  width: 100%;
  position: fixed;
  padding: 10px;
  background: #000;
  color: white;
  bottom: 0px;
  text-align: center;
  font-size: 18pt;
}

section.title{
  background-color: #fff;
  color: #000;
  padding: 20px;
  text-align: center;
  font-size: 36pt;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-image: repeating-linear-gradient(
    45deg,
    #fff 0%,
    #f2f2f2 50%,
    #fff 100%
  );
}

Marpのサンプル

---
marp: true
theme: custom_theme
header: " "
footer: " "
---

<!--
_class: title
-->

# LinkedIn プロフィール テンプレート

---

<!--
_class: about
-->

# プロフィール
- スキル
- 経験
- 実績

---

<!--
_class: experience
-->

## 経験
- 会社名
- 役職名
- 勤務期間
- [職務内容](https://example.com/job-description/)

---

<!--
_class: skills
-->

## スキル
- スキル1
- スキル2
- スキル3

---

<!--
_class: projects
-->

## プロジェクト
- プロジェクト名
- 役割
- 期間
- [詳細](https://example.com/project/)

---

<!--
_class: contact
-->

# 連絡先
- メールアドレス
- 電話番号
- LinkedIn プロフィール