Orbit

Produktübersicht

Orbit ist Kiwi.coms offizielles Open-Source-Design-System, das wiederverwendbare UI-Komponenten, Muster, Richtlinien und Werkzeuge bietet, um konsistente, zugängliche und performante digitale Erlebnisse für reise-bezogene Produkte wie Flugbuchungs-Plattformen, -Apps und -Websites zu bauen. Es betont Modularität, Internationalisierung und Entwickler-Designer-Kollaboration mit React-Komponenten, Figma-Bibliotheken und umfassender Dokumentation und unterstützt hochfrequentierte E-Commerce-Umgebungen mit Fokus auf Nutzer-Vertrauen und Effizienz. Komponenten-Bibliothek: Wiederverwendbare Elemente wie Schaltflächen, Inputs, Karten, Modals, Datepicker und reise-spezifische Widgets (z. B. Flug-Selektoren) mit Varianten für Themes und Zustände. Design-Tokens: Semantische Farben, Typografie, Abstände, Icons (Orbit Icons) und Motion für Marken-Konsistenz. Barrierefreiheit: WCAG-Konformität mit ARIA-Support, Tastatur-Navigation und inklusiven Mustern. Werkzeuge: Figma-Kit für Prototyping; React-Bibliothek mit TypeScript; Storybook für Komponenten-Erkundung.

label.best_for

Teams Bau skalierbar, consistent digital products.

Hauptfunktionen

• Komponentenbibliothek: Reusable elements wie buttons, inputs, cards, modals, date pickers, und travel-spezifisch widgets (e.g., flight selectors) mit variants für themes und states.
• gestalten-Tokens: Semantic Farben, Typografie, Abstand, Symbole (Orbit Symbole), und motion für Marke consistency.
• Barrierefreiheit: WCAG compliance mit ARIA Unterstützung, keyboard navigation, und inclusive Muster.
• Werkzeuge: Figma Kit für Prototyping; React Bibliothek mit TypeScript; Storybook für Komponente exploration.