この見本で確認できること

• 先頭で印象をつくるタイトルページ
• 箇条書きや本文を読む通常ページ
• 強いメッセージを短く置く一言ページ
• 要点を再整理するまとめページ

公開用の見本として置きつつ、
スタイル変更時のビジュアル回帰確認にも使える構成にしている。

引用と箇条書き

引用は primary トーンの左ボーダーと落ち着いた背景で置く。

1. 順序付きリストも同じ marker 色で並ぶ。
2. 情報の粒度ごとに表現を切り替える
3. 引用と本文の視線移動を整える

• 箇条書きは ::marker 色と行間を統一
• 階層を増やしても同じ marker トーン

コードと表

行内 code は低コントラストな背景で馴染ませる。ブロックの コード は角丸と影を付ける。

pnpm install
make test/e2e/slides

通常の 表 は summary-overview とは別のスタイルになる。

強調・リンク・小見出し

本文の 強調 と 斜体 は primary-900 に寄せる。
リンクは ara-ta3.github.io のようにアンダーラインを薄く付ける。

小見出しとして h2 / h3 を使う

さらに下の階層

段落と段落のリズムを崩さないように、見出しサイズとウェイトを整える。