User Interface for Marketing & Communications
This documentation shows designers and developers how we understand brand and interactive design and helps implement our visual identity consistently.
Version 3 will be sunset at the end of FY26, after which support will end.
UI MarCom 4 offers fully working web components with built-in support for light and dark modes, matched WCAG 2.2 standards and enhanced dynamic motion. All of the designers' wishes are fulfilled in Figma with a UI kit plus usage documentation. Developers appreciate the ease of implementation and customization, even in React and Angular.
For Designers
Designers can use our official design kit for Figma. Your designs will stay up-to-date with the latest UI MarCom libraries and maintain consistency between design assets and code.
For Developers
Developers get started with the integration of the Component library.
Our Community
Track the newest trends and get in touch with the experts and users of UI MarCom in our internal community on Yammer.
Your Help
If you reveal any issues in understanding, designing or implementing with this design system let us know:
These guidelines are not for portfolio product & service software applications. They are intended mainly for websites and web applications such as eMarketing, eCommerce, as well as digital services and communications.