● オンライン
Orbit

Kiwi.com's オープンソース デザインシステム のための consistent, accessible travel booking interfaces.

無料デザインシステム

プロダクト概要

Orbitは、Kiwi.comの公式オープンソースデザインシステムで、フライト予約プラットフォーム、アプリ、ウェブサイトなどの旅行関連プロダクトのための一貫性のあるアクセシブルでパフォーマンスの高いデジタル体験を構築するための再利用可能なUIコンポーネント、パターン、ガイドライン、ツールを提供します。モジュール性、国際化、Reactコンポーネント、Figmaライブラリ、包括的なドキュメンテーションによる開発者-デザイナーのコラボレーションを強調し、ユーザーの信頼と効率に焦点を当てて高トラフィックのEコマース環境をサポートします。 コンポーネントライブラリ:テーマと状態のためのバリアントを備えたボタン、入力、カード、モーダル、デートピッカー、旅行固有のウィジェット(フライトセレクターなど)の再利用可能な要素。 デザイントークン:ブランドの一貫性のためのセマンティックカラー、タイポグラフィ、間隔、アイコン(Orbit Icons)、モーション。 アクセシビリティ:ARIAサポート、キーボードナビゲーション、包括的なパターンを備えたWCAG準拠。 ツール:プロトタイピングのためのFigmaキット。TypeScriptを備えたReactライブラリ。コンポーネント探索のためのStorybook。

label.best_for

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

主な機能

  • コンポーネントライブラリ: Reusable elements のような buttons, inputs, cards, modals, date pickers, と travel-特定 widgets (e.g., flight selectors) を使った variants のための themes と states.
  • デザイントークン: Semantic 色, タイポグラフィ, 間隔, アイコン (Orbit アイコン), と motion のための ブランド consistency.
  • アクセシビリティ: WCAG compliance を使った ARIA サポート, keyboard navigation, と inclusive パターン.
  • ツール: Figma キット のための プロトタイピング; React ライブラリ を使った TypeScript; Storybook のための コンポーネント exploration.

メリット

  • +オープンソース
  • +リアルタイムコラボレーション
  • +豊富なアイコンライブラリ
  • +カラーパレット生成

デメリット

  • -導入にはチームの合意が必要
  • -カスタマイズが複雑になる場合あり

/// スペック

  • 価格:free
  • プラットフォーム:
    Browser
ASSETS_DIRECTORY
/// 関連ツール