プロダクト概要
Salt Design System（saltdesignsystem.com）は、J.P. Morganのオープンソースデザインシステムで、金融サービスやその他の産業で卓越したデジタル体験を構築するための高品質なWCAG 2.1準拠のReactコンポーネント、テーマ、ガイドラインを提供します。アクセシビリティ、カスタマイズ、軽量な依存関係（vanilla CSS）、コンポーザビリティに焦点を当て、複数のUI密度とダーク/ライトモードをサポートします。Saltは社内で1,200以上のアプリケーションに使用され、J.P. MorganのレガシーUIツールキットから進化しています。 Reactコンポーネント：アクセシブルでカスタマイズ可能なフォーム、グリッド、ナビゲーションなどの要素を備えたコアおよびラボパッケージ。 テーミング：色、タイポグラフィ、密度のためのデザイントークンを使用したバリエーションの簡単作成。 アクセシビリティ：包括的なパターンに焦点を当てたWCAG 2.1準拠。 ツール：プロトタイピングのためのFigmaライブラリ。貢献のためのGitHubリポジトリ。
label.best_for
チーム 構築 スケーラブル, consistent digital products.
主な機能
- React コンポーネント: Core と lab packages を使った accessible, カスタマイズ可能 elements のような forms, grids, と navigation.
- Theming: 簡単 creation の variations 使用 デザイントークン のための 色, タイポグラフィ, と density.
- アクセシビリティ: WCAG 2.1 compliant を使った focus で inclusive パターン.
- ツール: Figma ライブラリ のための プロトタイピング; GitHub repo のための contributions.
メリット
- +オープンソース
- +カラーパレット生成
- +CSS/デザインツールにエクスポート
- +アクセシビリティのコントラスト確認
デメリット
- -導入にはチームの合意が必要
- -カスタマイズが複雑になる場合あり
/// スペック
- 価格:free
- プラットフォーム:Browser
ASSETS_DIRECTORY
/// 関連ツール
