デザイントークン

配色・タイポグラフィ・余白・影などのデザインの基準値を、サイト全体で共通に参照できる形で定義したもの。

概念URI

https://comcomponent.com/knowledge/design-token/

別名・表記

Design Token

最終確認日

2026-08-01

機械可読データ

JSON-LD

この概念が関わる関係

• デジタル庁デザインシステムはデザイントークンを利用します。デジタル庁デザインシステムは配色・文字サイズ・余白・影などのデザイントークンを体系的に定義する / 確度: 確立した関係 / 確認日: 2026-08-01 出典
• ホームページ制作はデザイントークンを利用します。本サイトは配色・タイポグラフィ・余白・影の基準値をCSSカスタムプロパティとしてサイト全体で1か所に定義し、デザイントークン層として取り込んでいる / 確度: 条件付きの関係 / 確認日: 2026-08-01 出典
• サイトテンプレートはデザイントークンを前提とします。サイトテンプレートはデザイントークン層の値を前提として組み込んでいる / 確度: 確立した関係 / 確認日: 2026-08-01 出典

この概念を扱う記事

• なぜ小村ソフトはデジタル庁デザインシステムでHPを作るのか ── 安さと品質は両立できる(言及)

一次資料

• https://design.digital.go.jp/

このページはサイトの知識グラフ(_data/knowledge/)から自動生成されています。誤りの指摘はお問い合わせからお願いします。