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
Language: English arrow-down
  • Deutsch
Search search tk-menu tk-close menu
  • Pattern Library
  • flexible
    Language: English arrow-down
    • Deutsch

UCP Pattern Library [Work in progress]

A modular kit for the implementation of websites

All thyssenkrupp online projects are based on a modular approach, which ensures high consistency in terms of design and functionality for the implementation of websites. Editors can choose from a growing library of elements (modules), which fulfil a broad range of requirements regarding the content to be displayed. Modules can be placed at different positions within a page template.

Module toolbox

In the following, you can find all the available modules in the thyssenkrupp Pattern Library. All modules belong to certain categories. The module details pages display an example page and a description for each module.

[D] = Deprecated; module will no longer be supported.

Content > Text

Quotation Teaser 01_05
Figure Teaser 01_09
Standard Text 02_01
Table 02_02
Organizational Chart 02_03
Contact 05_01
Fatal Accident 17_01

Page Headline

Interactive Table

Table Variant Selection

Content > Media

Image 03_01
Video 03_02
Hotspot Image 03_06
Image Lightbox 07_08
Image Panorama 07_20

Content > Combination

Text + Quotation 06_01
Text + Image 06_02
Text + Video 06_03
Text + Downloads 06_04
Text + Link list 06_05
Text Image Video Teaser + Badge 06_06
Image + Quotation 06_11

Full-width

Office Finder –
Press Teaser Slider 06_07
Stage Teaser (flexible) 06_16 incl. Homepage Big Stage (00_06) [D]
Text + Image Teaser 06_17
Multi Content Teaser 06_18
Big Image Teaser 06_19
Slider Container Facts + Figures 07_06
Slideshow 14_07
Centered Text/Image 15_01
Text-/Image Boxes 15_03
Info Stage ucp001

Gallery/List/Teasers

Image Teaser 01_01
Text Teaser 01_04
Press Teaser 01_06
Event Teaser 01_07
Image Teaser Slider 01_08
Text Teaser List 01_14
PDF Gallery 03_03
Image Gallery 03_04
Download Teaser 04_01
Products 04_03
Image Download 04_04
Video list 04_05
Documents Download 04_06
Gallery Slider 06_13
History Timeline 06_14
Interesting Content Teaser 10_01
Press Overview App 12_01
Media library App 12_02
Publications App 12_03
Product tiles 12_11
Banner Teaser ucp002
Image Teaser Collection

Sitemap

External RSS Feed

Navigation

Linear Navigation 01_15
Link List 04_02
Accordion 07_01
Tabs 07_03
Anchor Links (Dropdown) 07_15
Glossary - Information Register 07_17
Anchor Navigation (sticky) 07_19
Country & Region Selector ucp003
Scroll To Top

Tab Navigator

Table of Content Anchor Navigation Heading

CTA/Forms

Contact form 05_02
CTA-Kit Brochure Order 14_02
CTA-Kit Call-back service 14_03
CTA Call-us 14_04
CTA-Kit General Contact 14_05
Appearing Teaser 14_06
Countdown Teaser 14_08

Special Projects / Other Components

Dynamic Forms

Stock Indicator Element

Messe Lead App

Prime Cookie Notice

Full Width Separator

Mat Alert

Stock Graph

Max Warehouse Calculator

IFrame

Map

Max Coworking List

Include HTML

Data Charts

Office Finder

Country Region Selector

Datadriven Page Overview

Form Builder

Max Shopping Cart

Marketo Formulare

Data Export

Cyclometer

Cyclometer Summary

Conversion Header

Feedback Company

Artikel Footer

Social Share Icons

Newsroom Overview

E-Commerce Modules

Not on UCP (Deprecated)

Homepage Big Stage 00_06 - please use Stage Teaser (flexible) 06_16 together with the page function "transparent header"

Image Slider Lightbox 07_19 - currently not available on UCP

up to top arrow-up

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