VN015B Centered Navigation Banner
This page provides different use cases for VN015B Centered Navigation Banner using variations Background Overlay Themes and the descriptive CTA icons for page, download, video and external link. Note that "brand 2" was not used for VN015 as the contrast is not sufficient for the required kind of overlay. See the Content Authors' Guide for detailed instructions.
overlayToggle is not enabled and no backgroundOverlay theme defined.
VN015B Default Overlay
overlayToggle enabled and brand 1 backgroundOverlay theme defined.
VN015B Brand 1 Overlay
Optional Body copy. On the Local Settings, overlayToggle was enabled, backgroundOverlay was set to "brand 1"and callToActionState was set to "4".
Note that the text you see on top of the Title is called the optional Eyebrow Label.
overlayToggle enabled and brand 3 backgroundOverlay theme defined.
VN015B Brand 3 Overlay
Optional Body copy. On the Local Settings, overlayToggle was enabled, backgroundOverlay was set to "brand 3" and callToActionState was set to "4".
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquet vel leo vulputate tristique. Nunc consectetur tempus ligula, nec auctor enim pharetra eget. Interdum et malesuada fames ac ante ipsum primis in faucibus.
VN015B Grey Alt Overlay
Optional Body copy. On the Local Settings, overlayToggle was enabled, backgroundOverlay was set to "grey alt" and callToActionState was set to "4".
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquet vel leo vulputate tristique. Nunc consectetur tempus ligula, nec auctor enim pharetra eget. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Optional Eyebrow Label
VN015B Grey Overlay
Optional Body copy. On the Local Settings, overlayToggle was enabled, backgroundOverlay was set to "grey" and callToActionState was set to "4".
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquet vel leo vulputate tristique. Nunc consectetur tempus ligula, nec auctor enim pharetra eget. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Optional Eyebrow Label
VN015B White Overlay
Optional Body copy. On the Local Settings, overlayToggle was enabled, backgroundOverlay was set to "white" and callToActionState was set to "4".
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquet vel leo vulputate tristique. Nunc consectetur tempus ligula, nec auctor enim pharetra eget. Interdum et malesuada fames ac ante ipsum primis in faucibus.
