The IxDF UI Kit allows us to build consistent, principles-based designs that solve user needs. With a library of components and guidelines for each component, the UI Kit allows for closer and clearer collaboration between designers and developers.

The UI Kit has been divided into the following categories:


The browser / screen is the canvas. Content should sit on the page / screen without unnecessary boxes around them.

Purposeful depth. Shadows and elevation are intentionally used to convey different layers of depth and communicate the relative importance of different elements on a screen.

Clarity is key. Accessibility and readability are core goals of the IxDF UI Kit. Key content should be placed front and center and secondary content should be less emphasized.

Use flourishes to engage. Animations and colors are the cherry on top of the cake. They should serve to engage users in meaningful ways, and never take attention away from key content.