ÃÛ¶¹ÊÓƵ
Skip Links
Content Area
Main Navigation
Web publishing guidelines
Meta Navigation
Additional Support
Contact
Guidelines & checklists
UX Glossary Terms and definitions
Search & table of content
Search / Table of content
Main Navigation
General
General
Visit overview
Concept
Concept
Visit overview
Channels
Geotargeting and language detection
Marketing URL
Opening behaviour links
Organizing principles
Responsive behaviour
Site types
URL-design guidelines
Design
Design
Visit overview
Colors
Imagery
Use of images
Grid Control
Grid Control
Visit overview
Background color
Grid control component
Row spacing
Section header
Viewports
Banner
Banner
Visit overview
Action stamp
Alert ribbon
Smart app banner
Overlays
Overlays
Visit overview
Interstitial template
Lightbox
Page layout / structure
Page layout / structure
Visit overview
Page type - full-width
Page type RFA
Page type ‘with left-hand navigation’
Navigation
Navigation
Visit overview
Meta navigation
Main navigation - Horizontal
Main navigation - Mega menu
Footer
Legal aspects
Legal aspects
Visit overview
Page disclaimer
Privacy settings - Cookies
Close the menu
Content presentation
Content presentation
Visit overview
Images & text
Images & text
Visit overview
Banner component
Double image
External Disclaimer
Message stage
Process steps
Profile component
Quote
Section header
Spotlight teaser
Teaser
Testimonial
Text and image
Text list
USP Box
Containers & grouping components
Containers & grouping components
Visit overview
Accordion
Carousel
Compare container
Event agenda container
Expandable box
Experience fragment
Filtering component
Multifragment component
Multi-step wizard
Reference component
Service container
Tab teaser
Topic container
Vertical tab container
Buttons, CTA & links
Buttons, CTA & links
Visit overview
Anchor link
App store
Buttons and ctas
In-page sticky navigation
Link list
Link list re-imagined
List DAM assets
List child pages
Sticky CTA
Tiles
Tile box
Media display
Media display
Visit overview
Media gallery
Podcast
Video and audio player
Interaction tools & custom
Interaction tools & custom
Visit overview
External application
Investment calculator
HTML
Multi-step wizard
Process steps
Poll
Ready to talk
Search
Timeline component
Data display
Data display
Visit overview
Countdown timer
Featured statistics
Highcharts Collection
Interactive chart
Simple Chart
Table
Timeline component
Contact & feedback
Contact & feedback
Visit overview
Chat
Contact box
Feedback
Multi-step wizard
Ready to talk
Layout styling & structure
Layout styling & structure
Visit overview
Airy Container
Grid control component
Divider - "show more"
In-page sticky navigation
Section header
Story Split Component
Page headings
Page headings
Visit overview
Hero style
Invisible style
Looping video style
Personalized page head
Regular style
Slogan style
Stage style
Stage full bleed style
Welcome style
Comparison of page headers
Media types
Close the menu
Homepages
Homepages
Visit overview
Basics
Layout and structure
Structural elements
Structural elements
Visit overview
Footer
Header
Main navigation
Components
Components
Visit overview
About ÃÛ¶¹ÊÓƵ
Activity streams (SDAS)
Account marketing zone
Capabilities
Location Selector
Market overview
News ticker
Promotion
Special communication
Teaser
Tile box
Close the menu
User experience principles
User experience principles
Visit overview
Hierarchy
Hierarchy
Visit overview
Headings
Think mobile
Think mobile
Visit overview
Grid control
Images
Consistency
Consistency
Visit overview
Elements
Imagery
Layout
Usability
Usability
Visit overview
Link labels
How to handle long text
Avoid information overload
Readability
Client centricity
Client centricity
Visit overview
Design
Quick overview
Quality assurance
UX Glossary Terms and definitions
Close the menu
SEO
SEO
Visit overview
Basics
Positive impacts
Negative impacts
Exclude from search
Close the menu
Accessibility
Accessibility
Visit overview
Introduction
Basic checklist
Basic checklist
Visit overview
Alternatives for infographics
Browser title
Data tables
Forms, labels and errors
Headings
Image text alternative
Images of text
Link lists
Linked documents - PDF
Links
Multimedia alternatives
Opening behaviour links
Text lists
Think mobile for a good structure
Using Color
Checks for custom made HTML
Checks for custom made HTML
Visit overview
Keyboard access and visual focus
Forms, labels and errors
Moving, flashing, or blinking content
Resize text
Using color
Tools for accessibility checks
Frequently asked questions
New checklists
Supports accessibility for all types of documents
All checklists
Close the menu
header.search.error
Search Title
Close
Open the menu
Page type ‘with Right feature area (RFA)’
Medium and large viewports
Small viewports
Extra small viewports
Live example