● EN LÍNEA
Orbit

Kiwi.com's código abierto sistema de diseño para consistent, accessible travel booking interfaces.

GratuitoSistemas de Diseño

Descripción General

Orbit es el sistema de diseño oficial de código abierto de Kiwi.com, que proporciona componentes UI, patrones, directrices y herramientas reutilizables para construir experiencias digitales consistentes, accesibles y de alto rendimiento para productos relacionados con viajes como plataformas de reserva de vuelos, aplicaciones y sitios web. Enfatiza la modularidad, internacionalización y colaboración desarrollador-diseñador con componentes React, bibliotecas Figma y documentación integral, soportando entornos de e-commerce de alto tráfico con un enfoque en la confianza y eficiencia del usuario. Biblioteca de componentes: Elementos reutilizables como botones, entradas, tarjetas, modales, selectores de fecha y widgets específicos de viajes (por ejemplo, selectores de vuelos) con variantes para temas y estados. Tokens de diseño: Colores semánticos, tipografía, espaciado, iconos (Orbit Icons) y movimiento para consistencia de marca. Accesibilidad: Cumplimiento WCAG con soporte ARIA, navegación por teclado y patrones inclusivos. Herramientas: Kit Figma para prototipado; biblioteca React con TypeScript; Storybook para exploración de componentes.

label.best_for

equipos construyendo escalable, consistent digital products.

Características Principales

  • biblioteca de componentes: Reusable elements como buttons, inputs, cards, modals, date pickers, y travel-específico widgets (e.g., flight selectors) con variants para themes y states.
  • tokens de diseño: Semantic colores, tipografía, espaciado, iconos (Orbit iconos), y motion para marca consistency.
  • accesibilidad: WCAG compliance con ARIA soporte, keyboard navigation, y inclusive patrones.
  • herramientas: Figma kit para prototipado; React biblioteca con TypeScript; Storybook para componente exploration.

Pros

  • +Código abierto
  • +Colaboración en tiempo real
  • +Amplia biblioteca de iconos
  • +Generación de paletas de colores

Contras

  • -La adopción requiere alineación del equipo
  • -La personalización puede ser compleja

/// ESPECIFICACIONES

  • Precio:free
  • Plataforma:
    Browser
ASSETS_DIRECTORY
/// Herramientas Similares