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

UCP Patternlibrary [Work in progress]

Ein modularer Baukasten für die Umsetzung von Webseiten

Alle thyssenkrupp Online-Projekte basieren auf einem modularen Ansatz, der für die Umsetzung von Websites eine hohe Konsistenz in Punkto Design und Funktionalität gewährt. Redakteure können aus einer wachsenden Bibliothek diejenigen Elemente (Module) auswählen, die die Anforderungen bezüglich der abzubildenden Inhalte optimal erfüllen. Module können innerhalb eines Seitentemplates an verschiedenen Stellen hinterlegt werden.

Modulbaukasten

Nachfolgend finden sich alle verfügbaren Module der thyssenkrupp Pattern Library. Alle Module gehören bestimmten Kategorien an. Auf den Modul-Detailseiten ist für jedes Modul eine Beispielseite und eine Beschreibung hinterlegt.

[D] = Deprecated; Modul wird zukünftig nicht mehr unterstützt..

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

Press Teaser Slider 06_07
Stage Teaser (flexible) 06_16 inkl. 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
Description List

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

Spezialprojekte / Sonstige

Dynamic Forms

Stock Indicator Element

Twitter Channel Teaser

Facebook Like-Box

UCP Interactive

Messe Lead App

Prime Cookie Banner

Full Width Separator

Mat Alert

Stock Graph

Max Warehouse Calculator

Rechnerkonfigurator

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

** Hier sind die E-Commerce-Module aufgeführt **

Nicht auf der UCP (Deprecated)

Homepage Big Stage 00_06 - bitte nutzen Sie Stage Teaser (flexible) 06_16 zusammen mit der Seiten-Funktion "transparent Header"

Image Slider Lightbox 07_19 - nicht verfügbar auf der UCP

nach oben arrow-up

arrow-down UCP Pattern Library

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

Folgen Sie uns

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Impressum
  • Rechtliche Hinweise
  • Teilen tk-share
    FacebookTwitter Email LinkedIn