IxDF Design System

IxDF Design System

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

The design system has been divided into the following categories:

Principles

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 Design System. 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.