You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

UCP Pattern Library
UCP Pattern Library
UCP Pattern LibraryUCP Pattern LibraryUCP Pattern Library
  • Deutsch
  • Pattern Library
  • flexible
    • Deutsch
  • Home
  • Patterns by type
  • Full-width
  • Info Stage (ucp001)

Info Stage (ucp001)

The “Info Stage” module can be used to feature a headline and a short desciption on top of a page.

Additionally, you can insert a background image to better distinguish the page from others.

If desired, users can hide the description with a click to make more room for the page content.

Info Stage in intranet setting

Info Stage in intranet setting

This is how the module works:

The module consists of the following components:
1. Page titleIndication what the page is about
2. Page descriptionCan be used e.g. for usage tips, or to sum up the page content in a couple of sentences (optional; if not edited, the info stage will have less height and the button is left out)
3. Fold-out function of the header
Option to change the default labeling for the open/close button. Will only be shown if the description is maintained.
4. Background imageSelection of the background image

This is how the module works:

The module consists of the following components:
1. Page titleIndication what the page is about
2. Page descriptionCan be used e.g. for usage tips, or to sum up the page content in a couple of sentences (optional; if not edited, the info stage will have less height and the button is left out)
3. Fold-out function of the header
Option to change the default labeling for the open/close button. Will only be shown if the description is maintained.
4. Background imageSelection of the background image

The module can be used in the following templates and page areas:

Stage

The blue area indicates that the module is applicable.

Screenshots

ucp001 Info Stage (Desktop)
Desktop
ucp001 Info Stage (Tablet)
Tablet
ucp001 Info Stage (Mobile)
Mobile
Intranet only

arrow-down UCP Pattern Library

  • brandfactory
  • media pool - das Digital Asset Management System für thyssenkrupp
  • CMS Login

Follow us

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Imprint
  • Legal Notes
  • Share tk-share
    FacebookTwitter Email LinkedIn