Pajamas

Produktübersicht

Pajamas ist GitLabs offizielles Open-Source-Design-System, das wiederverwendbare UI-Komponenten, Muster, Richtlinien und Werkzeuge bietet, um konsistente, zugängliche und skalierbare Nutzer-Erlebnisse über GitLabs Web-Anwendungen und -Ökosystem hinweg zu bauen. Es betont Modularität, Inklusivität und Entwickler-Designer-Kollaboration mit einer umfassenden Figma-Bibliothek, React-Komponenten (via GitLab UI) und detaillierter Dokumentation, die Ausrichtung mit GitLabs nutzer-zentrierten Prinzipien sicherstellt. Komponenten-Bibliothek: Wiederverwendbare Elemente wie Schaltflächen, Formulare, Navigation, Tabellen, Modals und Alerts mit Varianten für Themes und Zustände. Design-Tokens: Semantische Farben, Typografie, Abstände, Icons (GitLab SVG Icons) und Motion für einheitliches Branding. Barrierefreiheit: WCAG 2.1 AA-Konformität mit ARIA-Support, Tastatur-Navigation und inklusiven Mustern. Werkzeuge: Figma-Kit für Prototyping; GitLab-UI-React-Bibliothek für Implementierung; Storybook für Komponenten-Erkundung.

label.best_for

Teams Bau skalierbar, consistent digital products.

Hauptfunktionen

• Komponentenbibliothek: Reusable elements wie buttons, forms, navigation, tables, modals, und alerts mit variants für themes und states.
• gestalten-Tokens: Semantic Farben, Typografie, Abstand, Symbole (GitLab SVG Symbole), und motion für unified Branding.
• Barrierefreiheit: WCAG 2.1 AA compliance mit ARIA Unterstützung, keyboard navigation, und inclusive Muster.
• Werkzeuge: Figma Kit für Prototyping; GitLab UI React Bibliothek für implementation; Storybook für Komponente exploration.