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

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

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

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

Stock Indicator Element
Twitter Channel Teaser
Facebook Like Box
UCP Interactive
Trade Fair Lead App
PrIME Cookie Banner
Configurator for calculators
Full Width Separator

Stock Graph

Include HTML

Data Charts

Office finder

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