UI MarCom
2.4.0
Latest 2.4.0 2.3.0 2.2.1 2.1.0 1.0.12
UI MarCom
Getting Started
About UI MarCom Develop Design
Fundamentals
Overview Colors Elevation Icons Image Aspect Ratios Interaction Responsive Behavior Spacing States Typography
Components
Component status Overview Accordion Alerts Application Bar Aspect Ratio Back to top Breadcrumbs Button Card Slider Cards Carousel Checkboxes Collection Date-Time-Picker Disclaimer Dropdown Feedback Module Figure Footer Header Hero Block Hotspots In-Page Navigation Label Links Lists Loading Animation Log In Dialog Logo Media Object Menu Modal Dialog Multi-column Multimedia Container Navigation bar Overlay Pagination Progress Quotation Radio Buttons Search Field Search Results Select Box Stage Steps Bar Table Tabs Tags Textfield Toggle Switch Tooltip User Identifier
Updates
Component Library Changelog Design Files Changelog
Help
Contact us

Component Library Changelog

    2.4.0

    Features

    • Font update to SH-Bree-Headline V1.4
    • Introduce a new default Link style
    • The new Text Button reveals background on hover
    • Apply corporate hover states to
      • Collection with link items
      • Menu with link items
    • Apply new link styles on Footer Sitemap and Legal links
    • Put Hero Block title on black background on small viewports

    Bugfixes

    • Date-Time-Picker shows selected date now correctly
    • Steps Bar items can now reflect states independently

    2.0.0 - 2.3.0

    • Colors have been updated per the brand design update for background colors, additional colors and functional colors. There is also a new accessible Orange, Petrol, Red, and Green for when needed to meet AA level contrast requirements.

    • Typography has been updated to now include Siemens Sans with a larger base font size for easier reading of longer articles.

    • Spacing system is now defined and available to ensure consistent spacing between elements and simplify understanding for user.

    • States concept for common interactive elements like hover, focus, active, disabled is now available.

    • Component status for an overview of all the components where you may find what is new or has been updated in latest release

    • Cards is now an official component that can be reused for various applications. We have added a new hover state and elevation to this component.

    • There has been alignment with our product team for common elements such as Date-Time-Picker, Textfield, and Tabs so that we have a consistent experience for our users across touchpoints.

    • Buttons and Textfield components now show various versions for the three main background colors: white, gray, black.

    • Navigation Bar and Footer now have a “Dark theme” version available in addition to the light theme version. See “Code” tab for details.