Brand
#7472F4Primary Itunda indigo
IDS · OPEN SOURCE
One system.
Every Itunda surface.
A shared design language for Client, Business, Developer and future platform products — built around tokens, reusable components and accessibility.
FOUNDATIONS
Designed from the token up.
Primitive → semantic → component tokens keep the visual language consistent while allowing product themes to evolve.
Surface
#FFFFFFLight surface
Text
#191F28Primary text
Danger
#F04452Error and destructive state
Spacing4 · 8 · 12 · 16 · 24 · 32 · 48
Radius10 · 12 · 16
TypeDisplay · Heading · Body · Caption
COMPONENTS
Real product primitives.
Each component is designed to handle states, localization, large text, dark mode and accessible interaction.
Button
DefaultSelectedDisabled
Text field
Supporting text is reserved for useful guidance.Navigation
Feedback
Payment completeYour transfer was sent successfully.
Selection
Sheet
Choose an option
Bottom sheets keep actions close and support keyboard, screen-reader and non-gesture dismissal.
QUALITY
Accessibility is part of the component.
IDS treats accessible names, focus, contrast, localization, reduced motion and worst-case content as system contracts.
01
Semantics
Meaningful roles and accessible names are owned by the component and caller where content is product-specific.
02
Resilience
Long Korean, English and Kinyarwanda content, large text and narrow screens are first-class cases.
03
Motion
State changes remain understandable when the platform requests reduced motion.
04
Theming
Client, Business and Developer surfaces share the same foundation without copying the system.