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

Stage Stable

A stage is used for a conspicuous entrance, for example on the website. It is recommended for displaying one or more campaign visuals and claims on top of the content.

Usage Code

    General guidance

    There are two types of the Stage available. The dark version including the key visual has a strong brand character. The light version is used with editorial images.

    Stage usage sample on desktop
    Stage usage sample on desktop

    Structure

    Stage desktop structure
    Stage structure on desktop
    stage mobile structure
    Stage structure on mobile
    1. Dot pulse Mandatory
    2. Headline Mandatory
    3. Subheadline Optional
    4. Button area Optional
    5. Image Mandatory