Salt Design System

J.P. Morgan's öffnen Source Framework für accessible, anpassbar financial interfaces.

Produktübersicht

Salt Design System (saltdesignsystem.com) ist J.P. Morgans Open-Source-Design-System, das hochwertige, WCAG-2.1-konforme React-Komponenten, Themes und Richtlinien bietet, um außergewöhnliche digitale Erlebnisse im Finanzwesen und anderen Branchen zu bauen. Es fokussiert sich auf Barrierefreiheit, Anpassung, leichtgewichtige Abhängigkeiten (Vanilla CSS) und Komponierbarkeit, mit Unterstützung für mehrere UI-Dichten und Hell-/Dunkel-Modi. Salt wird intern für über 1.200 Anwendungen verwendet und entwickelt sich aus J.P. Morgans Legacy-UI-Toolkit weiter. React-Komponenten: Core- und Lab-Pakete mit zugänglichen, anpassbaren Elementen wie Formularen, Rastern und Navigation. Theming: Einfache Erstellung von Variationen mit Design-Tokens für Farben, Typografie und Dichte. Barrierefreiheit: WCAG 2.1-konform mit Fokus auf inklusive Muster. Werkzeuge: Figma-Bibliotheken für Prototyping; GitHub-Repo für Beiträge.

Am besten geeignet für

Teams Bau skalierbar, consistent digital products.

Hauptfunktionen

React Komponenten: Core und lab packages mit accessible, anpassbar elements wie forms, grids, und navigation.
Theming: einfach creation von variations mit gestalten-Tokens für Farben, Typografie, und density.
Barrierefreiheit: WCAG 2.1 compliant mit focus auf inclusive Muster.
Werkzeuge: Figma Bibliotheken für Prototyping; GitHub repo für contributions.

Vorteile

+Open Source
+Farbpalettengenerierung
+Export in CSS/Design-Tools
+Barrierefreiheits-Kontrastprüfung

Nachteile

-Einführung erfordert Teamabstimmung
-Anpassung kann komplex sein

/// SPEZIFIKATIONEN

Preis:
Free
Plattform:
Browser

ASSETS_DIRECTORY

figma

/// Ähnliche Tools

Porsche Design System

öffnen Source Framework für consistent, Premium automotive digital interfaces.

VKUI

VK's öffnen Source React Bibliothek für consistent, accessible interfaces in VK apps und services.

Paste

Twilio's öffnen Source Designsystem für consistent, accessible communication product interfaces.

Pando Design System

Pluralsight's öffnen Source Designsystem für consistent, accessible Web interfaces.

Primer Design System

GitHub's öffnen Source Designsystem für consistent, accessible Web interfaces.

Radius Design System

Rangle's Meta-Framework accelerating custom Designsystem creation mit Werkzeuge und Kits.

Slack Block Kit

modular UI-Framework für Bau reichhaltig, interaktiv messages und apps in Slack.

SmartHR UI

öffnen Source React Komponentenbibliothek für consistent, accessible HR Plattform interfaces.

U.S. Web Design System

Web Designsystem: official U.S. government Framework für consistent, accessible public digital services.

UNDP Design System

official U.S. government Framework für consistent, accessible public digital services.