Image Spot

Accordion
Background color Cool Gray 1
Background color Cool Gray 5
Background color Cool Gray 9
Background color even lighter grey
Background color GSI Darkblue
Background color GSI Rich Black
Background color light beige
Background color lighter grey
Background color Pantone
Border dashed black
Border dashed gray
Border dashed pantone
Border solid black
Border solid gray
Border solid pantone
Bottom Indent
Boxed
Boxes
Breadcrumb
Carousel
Carousel - Image spot
carousel-hide-navigation
carousel-image-full-size
Clean background
Color background
Column splitter
Common
Dark background
Divider
Divider Dashed
Dropdown
equal
Extranet dropdown
Extranet logout to dropdown
Feed
Feed Grid
File List
Flip
Flip Bordered
Flip Highlighted
flip-fade
flip-hover
flip-slide-top
flip-vertical
footer-bottom
footer-top
Forms
General
Gray background
Heading center
Heading left
Heading right
Hide elements
Hide if logged-in
Hide on desktop
Hide on mobile
Hide toggle header
Horizontal Accordion
Image
Image spot - Equal sized images across components
Image spot - title above
Image spot - with arrow icon
Image spot - with chevron icon
Image spot - with chevron icon black
Image spot - with chevron icon darkblue
Image spot - with chevron icon gray
Image spot - with chevron icon inverted
Image spot inline headline and image
Image spot variations
Intro banner content bottom left 12
Intro banner content bottom middle 13
Intro banner content bottom right 14
Intro banner content gridless bottom left 11
Intro banner content gridless bottom right 15
Intro banner content gridless middle left 6
Intro banner content gridless middle right 10
Intro banner content gridless top left 1
Intro banner content gridless top right 5
Intro banner content middle left 7
Intro banner content middle middle 8
Intro banner content middle right 9
Intro banner content size 20
Intro banner content size 30
Intro banner content size 40
Intro banner content size 50
Intro banner content size 60
Intro banner content top left 2
Intro banner content top middle 3
Intro banner content top right 4
Intro banner position 6-1
Intro banner variations
Justified Text
language selector
Layout
Link
Link List
Mobile - stick item to bottom
move to extranet sidebar
Navigation
No spacing above and below
Not clickable item
notification-overlay-testing-only
Playlist
Playlist horizontal
Position Center
Position Left
Position Right
previous-and-next-buttons-on-sides
Promo
Promo Hero
promo-bottom-link
promo-image-left
promo-image-right
Promoted Box
Rich Text spot variations
Side Indents
simple-navigation
Slider stack
Spacing bottom 24pt
Spacing bottom 48pt
Spacing bottom 72pt
Spacing top 24pt
Spacing top 48pt
Spacing top 72pt
Tabs
tabs-bottom
tabs-scrollable
tabs-vertical
tabs-vertical-right
Text center
Text image spot variations
Text left
Text right
Title Row
Toggle
Top Indent
Vertical line spot variations
Video
Video Boxed
Video Fullwidth
Whitespace Divider

Image Spot

The Image spot component can be used to give the user easier access to information or links to other pages on the site.

  • Click image for additional info

    You hear with your brain, not with your ears. learn why your hearing is a unique as your fingerprint.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et ullamcorper sapien, eget egestas sapien. Etiam non neque eu diam eleifend tincidunt a in massa. Integer bibendum mattis sem id cursus. Nullam condimentum turpis et pretium vehicula. Morbi porta laoreet odio, id accumsan velit commodo ut. Mauris ac pretium orci. Nullam nec velit placerat, laoreet lorem non, vestibulum est.

  • Click image for additional info

    What happens when we lose hearing? Learn more about the symptoms of hearing loss and the most common causes.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et ullamcorper sapien, eget egestas sapien. Etiam non neque eu diam eleifend tincidunt a in massa. Integer bibendum mattis sem id cursus. Nullam condimentum turpis et pretium vehicula. Morbi porta laoreet odio, id accumsan velit commodo ut. Mauris ac pretium orci. Nullam nec velit placerat, laoreet lorem non, vestibulum est.

  • Click image for additional info

    Modern hearing instruments are incredible computers that go way beyond amplification: They create natural, understandable sound.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et ullamcorper sapien, eget egestas sapien. Etiam non neque eu diam eleifend tincidunt a in massa. Integer bibendum mattis sem id cursus. Nullam condimentum turpis et pretium vehicula. Morbi porta laoreet odio, id accumsan velit commodo ut. Mauris ac pretium orci. Nullam nec velit placerat, laoreet lorem non, vestibulum est.


Open work items in Jira: