● 온라인
Orbit

Kiwi.com's 오픈소스 디자인 시스템 를 위한 consistent, accessible travel booking interfaces.

제품 개요

Orbit is Kiwi.com's official open-source design system, providing reusable UI components, patterns, guidelines, and tools to build consistent, accessible, and performant digital experiences for travel-related products like flight booking platforms, apps, and websites. It emphasizes modularity, internationalization, and developer-designer collaboration with React components, Figma libraries, and comprehensive documentation, supporting high-traffic e-commerce environments with a focus on user trust and efficiency. Component Library: Reusable elements like buttons, inputs, cards, modals, date pickers, and travel-specific widgets (e.g., flight selectors) with variants for themes and states. Design Tokens: Semantic colors, typography, spacing, icons (Orbit Icons), and motion for brand consistency. Accessibility: WCAG compliance with ARIA support, keyboard navigation, and inclusive patterns. Tools: Figma kit for prototyping; React library with TypeScript; Storybook for component exploration.

추천 대상

팀 구축 확장 가능한, 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
/// 유사 도구