● ONLINE
Orbit

Kiwi.com's código aberto sistema de projetar para consistent, accessible travel booking interfaces.

GratuitoSistemas de Design

Visão Geral

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.

label.best_for

equipes construindo escalável, consistent digital products.

Principais Recursos

  • biblioteca de componentes: Reusable elements como buttons, inputs, cards, modals, date pickers, e travel-específico widgets (e.g., flight selectors) com variants para themes e states.
  • tokens de projetar: Semantic cores, tipografia, espaçamento, ícones (Orbit ícones), e motion para marca consistency.
  • acessibilidade: WCAG compliance com ARIA suporte, keyboard navigation, e inclusive padrões.
  • ferramentas: Figma kit para prototipagem; React biblioteca com TypeScript; Storybook para componente exploration.

Prós

  • +Código aberto
  • +Colaboração em tempo real
  • +Biblioteca extensa de ícones
  • +Geração de paleta de cores

Contras

  • -A adoção requer alinhamento da equipe
  • -A personalização pode ser complexa

/// ESPECIFICAÇÕES

  • Preço:free
  • Plataforma:
    Browser
ASSETS_DIRECTORY
/// Ferramentas Similares