このテーマの特徴
ヴィンテージスクラップブックテーマの特徴:
セピア調の背景: 古びた紙のようなセピア調の背景色が、ヴィンテージな雰囲気を醸し出します。
スクラップブック的なレイアウト: スライドがスクラップブックのページのように配置され、余白に十分なスペースが確保されています。
大きくて中央揃えされたフォント: 見出しと本文のフォントは大きく、中央揃えされており、読みやすさと視覚的なインパクトを高めます。
ヘッダーとフッターの装飾: ヘッダーとフッターはベージュの背景色で、中央に境界線があり、ヴィンテージの額縁を彷彿とさせます。
タイトルスライドの強調: タイトルスライドは白く、影付きで、他のスライドと区別されています。また、テキストが中央揃えで大きく表示され、プレゼンテーションのタイトルを際立たせます。
シンプルなスタイル: 全体的に、テーマは控えめでシンプルなスタイルになっており、プレゼンテーションの内容に焦点を当てています。
このテーマを利用する
CSS
/* @theme vintage_scrapbook */ @import default; section{ display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 24pt; gap: 20px; background-color: #f5f5f5; background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill='%23f5f5f5' d='M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm4.04 11.09c-.57.56-1.48.56-2.04 0l-2.68-2.67c-.57-.56-1.48-.56-2.04 0l-1.34 1.35c-.56.56-.56 1.48 0 2.04l2.68 2.67c.57.56 1.48.56 2.04 0l1.34-1.35c.56-.56.56-1.48 0-2.04zm-6.08-9.17l2.68 2.67c.57.56 1.48.56 2.04 0l2.68-2.67c.57-.56 1.48-.56 2.04 0l1.34 1.35c.56.56.56 1.48 0 2.04l-2.68 2.67c-.57.56-1.48.56-2.04 0l-1.34-1.35c-.56-.56-.56-1.48 0-2.04z'/%3E%3C/g%3E%3C/svg%3E"); } header{ width: 100%; padding: 15px; background-color: #d7ccc8; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 1px solid #a0958c; z-index: 1; } footer{ width: 100%; padding: 15px; background-color: #d7ccc8; display: flex; justify-content: center; align-items: center; gap: 20px; border-top: 1px solid #a0958c; z-index: 1; } section.title{ padding: 50px; background-color: #ffffff; text-align: center; font-size: 36pt; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; box-shadow: 0px 6px 10px #00000029; }
Marpのサンプル
--- marp: true theme: vintage_scrapbook header: " " footer: " " --- <!-- _class: title --> # Scrapbook --- ## スクラップブック - 写真を貼ってみよう - 手書きでメモしてみよう - いろいろ思い出してみよう --- ### 思い出 - 楽しいこと - 悲しいこと - 失敗したこと - 成功したこと --- #### 大切なこと - 忘れないこと - 受け入れること - 学ぶこと - 成長すること --- ##### 未来 - 夢見ること - 目標を立てること - 行動すること - 信じること --- ###### 希望 - 明るい未来 - 幸せな日々 - 素晴らしい世界 - 平和な世界 --- # 終わり ---