Figma UI kit Usage documentation Development documentation Digital Assets Pool UI MarCom 3 documentation

UI MarCom Design System

A single solution. A spectrum of possibilities.

UI MarCom is the digital design system for Marketing and Communications at Siemens Healthineers. It provides a unified set of reusable UI components and clear guidelines to create digital experiences that are consistent and brand compliant. Whether you design or develop, within our organization or in collaboration with us, UI MarCom helps you deliver high-quality web applications faster and more effectively.

Key Features

Theming

Easily adapt designs with built-in support for light and dark modes.

Accessibility

Designed for inclusivity, following the latest WCAG 2.2 standards to support all users.

Enhanced interaction

Dynamic motion and engaging animations create a richer, more seamless user experience.

Flexibility

Customizable code and content for scalable, future-ready digital solutions.

Responsive layout

Components scale seamlessly across all screen sizes, from mobile to extra large desktop.

Compatibility

Integration-ready with the SHUI design system to deliver cohesive customer experiences across platforms.

Design resources

Figma UI kit

Our Figma UI Kit gives designers a complete set of pre-built components and styles to ensure visual consistency, speed up design workflows, and enable smooth collaboration across projects. These resources make it easy to create high-fidelity prototypes quickly and efficiently.

See Figma UI kit

How to use our design system

Check out our documentation in Figma for detailed guidelines, best practices, and component specifications to help you implement the design system consistently and effectively.

See usage documentation

Development documentation in Storybook

Storybook is a tool for developing and exploring UI components. It lets you browse the design system, preview components in different states, and copy ready-to-use code snippets for implementation.

Install UI MarCom Explore web components

Brandville

Brandville is our centralized hub for approved brand assets, including images, videos, and templates. It ensures consistent, on-brand communication across all marketing channels and streamlines content creation for teams.

Go to Brandville

Older versions

Version 3

We recommend always using the latest version of the design system. Version 4 introduces enhanced features and the benefits listed above. Version 3 will be sunset at the end of FY26, after which support will end.

Nevertheless the documentation of UI MarCom 3 is still available.

Version 2

No longer supported. Please upgrade to the latest version.