テーマギャラリー

公式テーマパックコレクションの全カタログ — 各パックの主想定モード、フォント、1 行の適用スニペット。

@takazudo/zudo-doc には 31 のテーマパックが同梱されています。予約された default に、デザインされた 30 の見た目を加えたコレクションです。このページはその全カタログです。パックの仕組み — 設定フィールド、スイッチャー UI、CLI、オーサリング契約 — についてはテーマパックを参照してください。

各パックのフォントは、記事本文だけでなくクローム全体 — ヘッダー、サイドバー、目次を含む — をスタイルするようになりました。

各エントリには、パックのバッジ（そのパックがどちらのモードを主として設計されたかのヒントであって、対応可否のフラグではありません — すべてのパックが両モードを定義しており、ヘッダーのモードトグルはどのパックでも機能します）、フォントスタック、そして適用スニペットを載せています。パックの適用はどちらの方法でも一手で済みます:

# via the CLI (rewrites themePack in zfb.config.ts)
pnpm exec zudo-doc theme apply <slug>

// or set the field by hand
themePack: "<slug>",

1 つだけ注意点があります。プロジェクトで明示的な themePacks リストを設定している場合はそのリストが正となるため、リストに含まれていないスラッグを themePack に指定するとビルドが大きな声で失敗します。そのスラッグを themePacks にも追加してください（あるいはリスト自体を外せば、同梱パックがすべて有効になります）。

パックはスイッチャーのデフォルト順 — default が先頭、残りはアルファベット順 — で並べています。

Default

zudo-doc 標準の見た目。パックのスタイルシートは読み込まれず、プロジェクトで設定したカラースキームとフォントがそのまま描画されます。追加リクエストはゼロです。

• バッジ: Dark

• フォント: システムスタック（何も読み込みません）

pnpm exec zudo-doc theme apply default

Academia

Web に載せた LaTeX 論文 — 白いページ、Computer Modern を思わせる黒インク、hyperref のネイビーリンク、番号付きの定理スタイルのアドモニション、booktabs のテーブル。ダークモードは学究的なスレート。

• バッジ: Light

• フォント: Source Serif 4（本文）· Courier Prime（mono）

pnpm exec zudo-doc theme apply academia

Bauhaus

三原色が構造になる — ギャラリーの白、ほぼ黒のインク、そして構造の仕事を担う赤・黄・青。丸・三角・四角のマーカー、太い幾何学的な罫線、角丸ゼロ。

• バッジ: Light

• フォント: Archivo Black（display）· Jost（sans）· Space Mono（mono）

pnpm exec zudo-doc theme apply bauhaus

Beacon

WCAG AAA の高コントラスト — 全域 7:1 以上のインク、3px のフォーカスリング、常に下線の付いたリンク。明瞭さこそ美しさ。

• バッジ: Light

• フォント: Atkinson Hyperlegible（sans）· Atkinson Hyperlegible Mono（mono）

pnpm exec zudo-doc theme apply beacon

Blueprint

青焼きの製図シート — プルシアンブルーの方眼紙に淡いシアンの線画、図面タイトル欄のキャップス、破線の罫、モノスペース大文字のラベル。ライトモードはベラム紙の原図。

• バッジ: Dark

• フォント: Josefin Sans（display）· Inter（sans）· IBM Plex Mono（mono）

pnpm exec zudo-doc theme apply blueprint

Botanica

ヴィンテージの植物図譜 — 標本室のクリーム、深い緑のインク、銅版画風の二重罫、ラテン語スモールキャップスの図版ラベル。

• バッジ: Light

• フォント: Cormorant Garamond（display）· Crimson Pro（本文）· Courier Prime（mono）

pnpm exec zudo-doc theme apply botanica

Broadsheet

新聞のエディトリアル — Playfair のマストヘッド、オックスフォードインクの罫線、赤のドロップキャップ、そして夜間版のダークモード。

• バッジ: Light

• フォント: Playfair Display（display）· Source Serif 4（本文）· Courier Prime（mono）

pnpm exec zudo-doc theme apply broadsheet

Brutalist

コンクリート打ちっぱなしの Web — 白地に漆黒、4px のスラブボーダー、角丸ゼロ、ハザードオレンジのテープ。構造がそのまま見えるデザイン。

• バッジ: Light

• フォント: Archivo Black（display）· Space Grotesk（sans）· IBM Plex Mono（mono）

pnpm exec zudo-doc theme apply brutalist

Drift

長い読書のための、浮遊感のあるスレートブルーの快適ダーク — ボーダーの代わりに柔らかなグロー、穏やかなエレベーション、ゆったりした Plex の文字組み。

• バッジ: Dark

• フォント: IBM Plex Sans（sans）· IBM Plex Mono（mono）

pnpm exec zudo-doc theme apply drift

E-Ink

電子ペーパーのグレースケール — 温かな紙、ほぼ黒のインク、影を落とさないヘアラインのクローム、角丸ゼロ。コードは太さ・斜体・グレーの濃淡で読み分け、diff にだけインクブルーとインクレッドの痕跡を残しています。

• バッジ: Light

• フォント: EB Garamond（本文）· Courier Prime（mono）

pnpm exec zudo-doc theme apply eink

Fjord

かすかなオーロラの下に広がる極夜のブルー — フロストシアンのアクセント、氷のようなボーダー、雪白のテキスト。冷たく静かな北欧の落ち着き。

• バッジ: Dark

• フォント: Inter（sans）· JetBrains Mono（mono）

pnpm exec zudo-doc theme apply fjord

Foundry

GitHub ニュートラルなベースライン — 白い紙面、ほぼ黒のインク、Primer ブルーのリンク、控えめなグレーの罫線。抑制の美学を極めた見た目です。これはリファレンスパックでもあり、9 つの --zd-syntax-* コードハイライトロールを含むすべてのトークン面を、両モードで再スタイルします。

• バッジ: Light

• フォント: Inter（sans）· システム mono

pnpm exec zudo-doc theme apply foundry

Futura Editorial

ノーマルウェイトの幾何学的な Futura 見出しに Noto Sans の本文 — クリーンな白、ほぼ黒のインク、抑制の効いた赤のアクセント 1 色。コレクションのフォント契約に従い、Futura の OFL 代替である Jost を読み込みます。

• バッジ: Light

• フォント: Jost（display）· Noto Sans（sans）· Space Mono（mono）

pnpm exec zudo-doc theme apply futura-editorial

Hearth

温かなクリームとレンガ色の、暖炉のそばのドキュメント — Fraunces の見出し、アンバーのコードブロック、残り火の灯るダークモード。

• バッジ: Light

• フォント: Fraunces（display）· Nunito（sans）· Spline Sans Mono（mono）

pnpm exec zudo-doc theme apply hearth

Hollow

ダークバイオレットの宇宙 — ネオンピンクの見出し、バイオレットのリンク、静かな星空、鋭く角ばったミッドナイトのクローム。

• バッジ: Dark

• フォント: Space Grotesk（sans）· Space Mono（mono）

pnpm exec zudo-doc theme apply hollow

Ledger

Tufte の伝統に連なる、クリーム地のアカデミックセリフ — 温かな紙、インクの本文、オックスブラッドのリンク、ヘアラインの罫、静かなコード。

• バッジ: Light

• フォント: Crimson Pro（本文）· IBM Plex Mono（mono）

pnpm exec zudo-doc theme apply ledger

Manuscript

静かな Garamond の書物のページ — 温かな紙、柔らかなインク、セピアの朱書き、スモールキャップスの小見出し、フルーロンのセクションマーク。

• バッジ: Light

• フォント: EB Garamond（本文）· Courier Prime（mono）

pnpm exec zudo-doc theme apply manuscript

Matcha

緑茶の茶席 — 温かなクリームに深い抹茶色、明朝の見出し、禅の余白、両モードに広がる茶の泡のようなサーフェス。

• バッジ: Light

• フォント: しっぽり明朝（display）· Zen角ゴシック New（sans）· M PLUS 1 Code（mono）

pnpm exec zudo-doc theme apply matcha

Nocturne

紫の真夜中 — ベルベットのようなオーベルジーヌの深み、ラベンダーのリンク、控えめなゴールドのヘアライン。エレガントで、決してネオンにはならない。

• バッジ: Dark

• フォント: Cormorant Garamond（display）· Manrope（sans）· IBM Plex Mono（mono）

pnpm exec zudo-doc theme apply nocturne

Observatory

夜空の星図 — 星野の奥行き、星座線の罫、天文学者のネイビーに浮かぶ星雲のバイオレットと彗星のゴールド。

• バッジ: Dark

• フォント: Josefin Sans（display）· Jost（sans）· Space Mono（mono）

pnpm exec zudo-doc theme apply observatory

Onyx

ラグジュアリーなノワール — 漆黒、シャンパンカラーのセリフ見出し、ただ 1 本のゴールドのヘアラインアクセント。時計ブランドのような抑制。

• バッジ: Dark

• フォント: Cormorant Garamond（display）· Jost（sans）· IBM Plex Mono（mono）

pnpm exec zudo-doc theme apply onyx

Phosphor

緑の CRT ターミナル — 蛍光体の残光、走査線、反転表示のナビ、そしてすべてがモノスペース。

• バッジ: Dark

• フォント: VT323（display）· JetBrains Mono（sans & mono）

pnpm exec zudo-doc theme apply phosphor

Riso

リソグラフの 2 色刷り — 温かな紙に 2 色のインク（リソブルー + 蛍光コーラル）、版ずれしたオフセットの影、そして柔らかな紙目の質感。

• バッジ: Light

• フォント: Archivo Black（display）· Space Grotesk（sans）· Space Mono（mono）

pnpm exec zudo-doc theme apply riso

Sakura

桜色のパステル — 薄紅がかった白い紙、梅色のインク、花びらのように柔らかな角に効かせたローズのアクセント。ダークモードは夜桜 — 提灯のピンクに照らされた、夜に咲く花。

• バッジ: Light

• フォント: しっぽり明朝（display）· Nunito（sans）· M PLUS 1 Code（mono）

pnpm exec zudo-doc theme apply sakura

Scandi

ヒュッゲなミニマリズム — オーツ麦色のリネン、セージとクレイ、ピル型のアクティブなナビと 8px の角丸。ナイトモードはキャンドルのアンバーが灯る、温かなチャコール。

• バッジ: Light

• フォント: Manrope（sans）· Spline Sans Mono（mono）

pnpm exec zudo-doc theme apply scandi

Solar

Solarized の精密さ — 目に優しい紙のトーン、ブルー/シアン/オレンジのアクセント、モノスペースのラベル、両モードに通じる技術的な静けさ。

• バッジ: Light

• フォント: Source Sans 3（sans）· Source Code Pro（mono）

pnpm exec zudo-doc theme apply solar

Sumi

和紙に引く水墨のインク — 力強い明朝の筆致の見出し、深い黒のストローク、朱の判子をひとつだけ効かせたアクセント。

• バッジ: Light

• フォント: しっぽり明朝 B1（display）· Zen角ゴシック New（sans）· IBM Plex Mono（mono）

pnpm exec zudo-doc theme apply sumi

Swissgrid

国際タイポグラフィ様式 — グリッドの規律、白地に黒、鮮烈なスイスレッドのアクセント 1 色、特大のセクション番号。

• バッジ: Light

• フォント: Inter Tight（display）· Inter（sans）· IBM Plex Mono（mono）

pnpm exec zudo-doc theme apply swissgrid

Tidepool

海のティールを湛えたダーク — 深海のティールのサーフェス、波の泡のようなシーフォームのテキスト、生物発光を思わせるアクアのアクセント、ケルプグリーンの成功色、コーラルの危険色。ライトモードは、同じ潮だまりの引き潮どき。

• バッジ: Dark

• フォント: Space Grotesk（sans）· JetBrains Mono（mono）

pnpm exec zudo-doc theme apply tidepool

Timberline

日が落ちたあとの森のキャビン — パインと焦茶の板張り、クリーム色の本文、マットなランタンアンバーのアクセント。ライトモードは、同じロッジの朝の顔。

• バッジ: Dark

• フォント: Fraunces（display）· Source Sans 3（sans）· JetBrains Mono（mono）

pnpm exec zudo-doc theme apply timberline

Washi

温かな和紙、墨のインク、藍色の印章 — 静かなドキュメントのための、落ち着いた和の文房具。

• バッジ: Light

• フォント: しっぽり明朝（display）· Zen角ゴシック New（sans）· M PLUS 1 Code（mono）

pnpm exec zudo-doc theme apply washi

関連項目

• テーマパック — パックシステムの仕組み: 設定フィールド、スイッチャー UI、theme CLI、オーサリング契約

• Color — パックの土台となるカラースキーム層

• create-zudo-doc CLI — --theme-pack で任意のパックを起点に新規プロジェクトを生成