Legende:

• Nicht relevant, keine neuen Zeichengrößen
• Umgesetzt (teilweise nur zu Veranschaulichung, z.B. Pagetypes, die eigentlich nur die Umsetzung der Header-Typen demontrieren)
• Rückfragen, ob und wenn, wie umgesetzt werden soll

Prototypes

Cube

Campaigns

Sustainability 2.0 LP

Error-Page

404

Job-List Bamboo HR Integration

Job-List

Content modules

Text Button centered

Teasers (max. 5)
Link-List
Cards: threesome, twosome, single
Quotes
Images
Image Text
Video large (YouTube & selfhosted) (+ text for demonstration)
Video fullwidth (YouTube & selfhosted)
Contact Form

Text:

Headline, Subheadine, Text
Video Text (YouTube & selfhosted)
Video Large (YouTube & selfhosted)
Video Fullwidth (YouTube & selfhosted)
Video mid - Text width (YouTube & selfhosted)

Search

Search

Blog

Blog Overview
Blog Detail

Page type headers:

no hero, body background color white

Image, body background color petrol-light
Image lite, body background color petrol-medium
Image: Teaser left with Headline, body background color petrol-dark
Image: Teaser left with Headline & Copy, body background color turquoise-light
Image: Teaser left with Headline & CTA, body background color turquoise-dark
Image: Teaser left with Headline, Copy & CTA, body background color blue-light
Image: Teaser center with Headline, body background color blue-medium
Image: Teaser center with Headline & Copy, body background color blue-dark
Image: Teaser left center Headline & CTA, body background color black
Image: Teaser center with Headline, Copy & CTA, body background color grey
Image: Teaser right with Headline, Copy & CTA, body background color orange
Image: Teaser right with Headline & Copy
Image: Teaser right with Headline & CTA
Image: Teaser right with Headline, Copy & CTA
Image: Teaser right with Headline, text align right
Image: Teaser right with Headline & Copy, text align right
Image: Teaser right with Headline & CTA, text align right
Image: Teaser right with Headline, Copy & CTA, text align right
Image lite: Teaser center with Headline, Copy & CTA

slider
slider: Teaser left with Headline
slider: Teaser left with Headline & Copy
slider: Teaser left with Headline & CTA
slider: Teaser left with Headline, Copy & CTA

video lite selfhosted
video lite selfhosted: Teaser left with Headline
video youtube
video youtube: Teaser left with Headline, Copy & CTA