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.IconsUpdated in 3.5The next level icon set is provided as an included icon font. Alternativly an SVG sprite and single SVGs are available.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.
