design-system
dgdgdgdg ブランドのデザインシステム。カラー・タイポグラフィ・スペーシング・ロゴの仕様とアセットを定義し、Web・印刷を問わず一貫したビジュアル表現を可能にします。
概要
design-system は「dgdgdgdg」のアイデンティティを形づくるデザイントークンとガイドラインの集合です。各モジュールは独立したドキュメントと必要に応じてプレビュー用のファイルを持ち、プロダクト（サイト・アプリ・印刷物）で参照・適用できます。
モジュール一覧
| モジュール | 説明 | ドキュメント |
|---|---|---|
| Color | 16 進 0, 4, d のみで構成する 729 色のブランドカラーパレット。最近傍法によるグラデーション表示とインタラクティブな色探索用の Web アプリを含む。 | color · usage |
| Typography | フォントファミリ（DG4 Atomic Dot, Zen Kaku Gothic New, Zen Old Mincho）、タイプスケール（Display / H1–H3 / Body / Caption）、字重・行間の定義。 | typography |
| Spacing | 基準 0.25rem のスペーシングスケール（0, 1, 2, … 16）。コンポーネント間・セクション間の余白の統一に使用。 | spacing |
| Logo | ロゴバリアント（row / square）、クリアスペース・最小サイズ・禁止事項。SVG アセット（row.svg, square.svg）を含む。 | logo |
使い方
- カラー: palette をブラウザで開くと 729 色パレットが表示されます。クリックでシアン系のみのフィルタ（詳細は color/usage）。