デザイントークンで組み直した nngn.dev

この記事はブログの表示確認用サンプルです。自由に消してかまいません。

見出しレベル 2

本文の書体は Zen Kaku Gothic New、行間は 1.8。リンクはアクセントカラーで表示され、ホバーで少し濃くなります。

• 箇条書きの見え方
• インライン code の見え方

1. 手順その 1
2. 手順その 2

引用ブロックはアクセントの淡い色で表示されます。テキスト選択時の背景もアクセント色です。

// コードブロックの見え方(現時点ではシンタックスハイライトなし)
const tokens = {
  accent: "#4f46e5",
};

見出しレベル 3

太字や区切り線も確認できます。

---

以上です。