Offcanvas
overlay thumb
GitLab Pajamas Design System

GitLab Pajamas Design System

GitLab's design system for creating cohesive and consistent user interfaces.

Brand Guidelines: Defines the brand’s personality and visual identity, including messaging, logo usage, color schemes, typography, and visual design elements.
Product Foundations: Establishes core design principles such as color palettes, typography scales, spacing, layout strategies, elevation, animation, iconography, and illustration standards.
Component Library: Offers a collection of reusable UI components like buttons, forms, modals, and navigation elements, each with detailed usage guidelines to promote consistency and efficiency.
Patterns: Provides standardized solutions for recurring design challenges, including dashboards, empty states, filtering mechanisms, forms, notifications, and search functionalities.
Content Guidelines: Outlines best practices for UI text, verb tenses, punctuation, and date/time formatting to ensure clear and consistent communication.
Accessibility Standards: Emphasizes inclusive design with compliance statements, best practices, and evaluation methods to create accessible products for all users.
Figma Integration: Provides a Pajamas UI Kit in Figma, enabling designers to access pre-built components and styles for efficient prototyping and design consistency.
Contribution Guidelines: Encourages community involvement by detailing how to contribute to the design system, including issue tracking and repository access.