# 株式会社セルダン デザインガイドライン

> 色・文字・スライド・HTMLメールなどのデザイン値を、用途別の JSON にまとめた索引。バージョン 2.1.0。公開 URL は https://design.seldon.co.jp/。

## 使い方

この索引を先に読む。
用途に合うファイルだけ読む。
styleguide.html（公開サイトでは `/`）全体は約377 KB あるので読まない。

## ファイル一覧

- [tokens/foundation.json](tokens/foundation.json) (3.7 KB): M&Aナビ各プロダクトの基本（色・文字・余白・角丸・影）。Web UI とスライドの文字サイズ・フォントを含む。含むキー: colors, typography, spacing, border-radius, shadows
- [tokens/components.json](tokens/components.json) (1.7 KB): UIパーツ（チェックボックス・ラジオ・チップ）。含むキー: components
- [tokens/corporate.json](tokens/corporate.json) (3.3 KB): コーポレート（会社の顔になるもの）用の色・文字・余白。プロダクト用と混ぜない。含むキー: corporate
- [tokens/slides.json](tokens/slides.json) (5.0 KB): スライド（グリッド・配色・レイアウト・ルール）。文字サイズは foundation.json の typography.slides。含むキー: slides
- [tokens/email.json](tokens/email.json) (19.7 KB): HTMLメール（読みやすい版は email-guidelines.md）。含むキー: email
- [tokens/dataviz.json](tokens/dataviz.json) (7.1 KB): データ可視化（BI・ダッシュボード）。含むキー: dataviz
- [tokens/navibot.json](tokens/navibot.json) (5.1 KB): ナビボット（AIコミュニケーション）。含むキー: navibot
- [tokens/all.json](tokens/all.json) (43.6 KB): 全トピックを含む JSON 全体。用途が決まっているときは使わない
- [email-guidelines.md](email-guidelines.md) (15.5 KB): HTMLメールの仕様を人間と AI が読みやすい形にしたもの

## JSON に無い内容

次の内容は styleguide.html にしか無い。
必要なときだけ、該当箇所を読む。
ローカルでは styleguide.html から `id="principles"` のように id を grep する。
公開サイトでは https://design.seldon.co.jp/#principles のように id を付けて開く。

- `principles`: デザイン原則
- `brand-assets`: ロゴ・シンボル（セルダン `seldon`、M&Aナビ `logo`）
- `logo-rules`: ロゴ使用ルール（全ブランド共通）
- `changelog`: バージョン / 履歴

ロゴ画像は `assets/` にある。

## 注意

プロダクト用の colors / typography / spacing と、コーポレート用の corporate は別の組。
混ぜて使わない。

このファイルと tokens/*.json は build-ai-docs.mjs が自動生成する。直接編集しない。
値を変えるときは、styleguide.html 内の design-tokens JSON を編集する。