Pajamas

プロダクト概要

PajamasはGitLabの公式オープンソースデザインシステムで、GitLabのウェブアプリケーションとエコシステム全体で一貫性のあるアクセシブルでスケーラブルなユーザー体験を構築するための再利用可能なUIコンポーネント、パターン、ガイドライン、ツールを提供します。包括的なFigmaライブラリ、Reactコンポーネント（GitLab UI経由）、詳細なドキュメンテーションによるモジュール性、包括性、開発者-デザイナーのコラボレーションを強調し、GitLabのユーザー中心の原則との調整を保証します。 コンポーネントライブラリ：テーマと状態のためのバリアントを備えたボタン、フォーム、ナビゲーション、テーブル、モーダル、アラートなどの再利用可能な要素。 デザイントークン：統一されたブランディングのためのセマンティックカラー、タイポグラフィ、間隔、アイコン（GitLab SVG Icons）、モーション。 アクセシビリティ：ARIAサポート、キーボードナビゲーション、包括的なパターンを備えたWCAG 2.1 AA準拠。 ツール：プロトタイピングのためのFigmaキット。実装のためのGitLab UI Reactライブラリ。コンポーネント探索のためのStorybook。

こんな方に最適

チーム 構築 スケーラブル, consistent digital products.

主な機能

• コンポーネントライブラリ: Reusable elements のような buttons, forms, navigation, tables, modals, と alerts を使った variants のための themes と states.
• デザイントークン: Semantic 色, タイポグラフィ, 間隔, アイコン (GitLab SVG アイコン), と motion のための unified ブランディング.
• アクセシビリティ: WCAG 2.1 AA compliance を使った ARIA サポート, keyboard navigation, と inclusive パターン.
• ツール: Figma キット のための プロトタイピング; GitLab UI React ライブラリ のための implementation; Storybook のための コンポーネント exploration.