@ubie/vitals-deckup-theme

Ubie ブランドの Deckup テーマです。白を基調に Ubie Blue と Ubie Pink をアクセントとして使い、Ubie のロゴ、Open Sans、ページ番号を組み込んでいます。

同梱する Open Sans は SIL Open Font License 1.1 に基づいて再配布しています。

Installation

npm install [email protected] @ubie/vitals-deckup-theme

Deckup 0.0.3 で動作確認しています。

Usage

Deck の frontmatter か deckup.config.ts でパッケージ名を指定します。

---
title: Ubie presentation
theme: "@ubie/vitals-deckup-theme"
---

<div slot="audience">株式会社サンプル 御中</div>

# Presentation title

<div slot="meta">

2026/07/12

Ubie株式会社

</div>

Layouts

| Layout | 用途 | Named slots | | ------------------- | ------------------------------- | ------------------------- | | cover | 表紙 | audience, meta | | default | 標準ページ（2枚目以降の既定値） | — | | page | 標準ページの明示指定 | — | | two-column | 2カラム | left, right | | three-column | 3カラム | left, center, right | | table-of-contents | 目次 | — | | left-cover | 左側の章扉 | — | | right-cover | 右側の章扉 | — | | section | 全面ブルーの章扉 | — | | statement | 重要な主張 | — | | number | KPI・重要な数値 | — | | quote | 引用 | — |

cover は1枚目で、default は2枚目以降でレイアウト指定を省略した場合にも選択されます。number と quote はコンテンツの順番に意味があるため、最初の段落にそれぞれ数値と引用本文を置いてください。

実際の全レイアウト例は examples/deckup-theme-preview/slides/theme-preview.mdx、参照 PDF と同じ構成は examples/deckup-theme-preview/slides/reference.mdx にあります。