UNDP Design System

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

Produktübersicht

Das U.S. Web Design System (USWDS) ist das offizielle Open-Source-Design-System der US-Bundesregierung (verwaltet von der GSA), das wiederverwendbare Komponenten, Muster und Richtlinien bietet, um konsistente, zugängliche und performante digitale Erlebnisse für öffentliche Regierungs-Websites und -Services zu bauen. Es stellt Konformität mit Section-508-Barrierefreiheits-Standards und Bundes-Branding sicher und hilft Behörden, nutzer-zentrierte, vertrauenswürdige Oberflächen effizient zu liefern. Komponenten-Bibliothek: Wiederverwendbare Elemente wie Schaltflächen, Formulare, Alerts, Accordions, Raster und Navigation mit Varianten. Design-Tokens: Farben (Bundes-Palette), Typografie, Abstände, Icons und Utilities für Konsistenz. Barrierefreiheit: Volle Section-508-/WCAG-2.1-AA-Konformität mit ARIA-Support. Werkzeuge: Figma-Kit für Prototyping; Code-Pakete für HTML/CSS und React.

Am besten geeignet für

Teams Bau skalierbar, consistent digital products.

Hauptfunktionen

Komponentenbibliothek: Reusable elements wie buttons, forms, alerts, accordions, grids, und navigation mit variants.
gestalten-Tokens: Farben (federal Palette), Typografie, Abstand, Symbole, und utilities für consistency.
Barrierefreiheit: voll Section 508/WCAG 2.1 AA compliance mit ARIA Unterstützung.
Werkzeuge: Figma Kit für Prototyping; Code packages für HTML/CSS und React.

Vorteile

+Open Source
+Umfangreiche Symbolbibliothek
+Farbpalettengenerierung
+Export in CSS/Design-Tools

Nachteile

-Einführung erfordert Teamabstimmung
-Anpassung kann komplex sein

/// SPEZIFIKATIONEN

Preis:
Free
Plattform:
Browser

ASSETS_DIRECTORY

figma

/// Ähnliche Tools

VKUI

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

Radius Design System

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

Salt Design System

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

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.

VTEX Design System

öffnen Source Framework für consistent, accessible e-commerce interfaces.

Vaadin Design System

öffnen Source Framework für consistent, accessible enterprise Web apps mit Web Komponenten.

Watt Design System

Holaluz's Figma-basiert UI-Kit für consistent, accessible renewable energy interfaces.

Vibe Design System

monday.com's öffnen Source Designsystem für consistent, accessible Arbeit management interfaces.