OverviewBasic concepts of the design systemColorsThe UI MarCom color palette is based on the Siemens Healthineers brand design.ElevationElevation is used to indicate hierarchy and create focus through the use of depth.IconsThe approved set of icons is provided as an included icon font.Image Aspect RatiosImage Aspect Ratios control image formats regardless of the source.InteractionThe interaction concept defines the basic elements to trigger an action, control a component and navigate through the content.Responsive BehaviorHow to organize responsive layout with the help of a fluid grid system with 12 columns.SpacingWith the defined spacing system, we ensure to improve readability and consistency across all pages.StatesStates display to the user the status of an interactive component.TypographyTypography creates hierarchy in the presentation of content.
