Salt Design System

J.P. Morgan's ouvrir source framework pour accessible, personnalisable financial interfaces.

Aperçu du Produit

Salt Design System (saltdesignsystem.com) is J.P. Morgan's open-source design system, providing high-quality, WCAG 2.1 compliant React components, themes, and guidelines to build exceptional digital experiences in financial services and other industries. It focuses on accessibility, customization, lightweight dependencies (vanilla CSS), and composability, with support for multiple UI densities and dark/light modes. Salt is used internally for over 1,200 applications and is evolving from J.P. Morgan's legacy UI toolkit. React Components: Core and lab packages with accessible, customizable elements like forms, grids, and navigation. Theming: Easy creation of variations using design tokens for colors, typography, and density. Accessibility: WCAG 2.1 compliant with focus on inclusive patterns. Tools: Figma libraries for prototyping; GitHub repo for contributions.

Idéal pour

équipes construction évolutif, consistent digital products.

Fonctionnalités Clés

React composants: Core et lab packages avec accessible, personnalisable elements comme forms, grids, et navigation.
Theming: facile creation de variations en utilisant jetons de concevoir pour couleurs, typographie, et density.
accessibilité: WCAG 2.1 compliant avec focus sur inclusive motifs.
outils: Figma bibliothèques pour prototypage; GitHub repo pour contributions.

Avantages

+Open source
+Génération de palettes de couleurs
+Export vers CSS/outils de design
+Vérification du contraste d'accessibilité

Inconvénients

-L'adoption nécessite l'alignement de l'équipe
-La personnalisation peut être complexe

/// SPÉCIFICATIONS

Tarif :
Free
Plateforme :
Browser

ASSETS_DIRECTORY

figma

/// Outils Similaires

Paste

Twilio's ouvrir source système de concevoir pour consistent, accessible communication product interfaces.

Pando Design System

Pluralsight's ouvrir source système de concevoir pour consistent, accessible web interfaces.

Porsche Design System

ouvrir source framework pour consistent, premium automotive digital interfaces.

Primer Design System

GitHub's ouvrir source système de concevoir pour consistent, accessible web interfaces.

Radius Design System

Rangle's Meta-framework accelerating custom système de concevoir creation avec outils et kits.

Slack Block Kit

modular framework d'IU pour construction riche, interactif messages et apps dans Slack.

SmartHR UI

ouvrir source React bibliothèque de composants pour consistent, accessible HR plateforme interfaces.

U.S. Web Design System

web système de concevoir: official U.S. government framework pour consistent, accessible public digital services.

UNDP Design System

official U.S. government framework pour consistent, accessible public digital services.

VKUI

VK's ouvrir source React bibliothèque pour consistent, accessible interfaces dans VK apps et services.