Skip to main content

The Simple Billboard is designed to engage visitors and guide their navigation. It prominently displays the page title and can also include "breadcrumbs" that help users understand their location within the site. Optionally, it can feature a call-to-action, like a button or a phone number, encouraging user interaction. This component can have either a background color or an abstract background image.

Content options

Breadcrumbs OFF

Pre Heading

This Billboard has a Pre Heading

This Billboard has no Pre Heading

This billboard has intro text

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This billboard has no intro text

This billboard has a phone number

This billboard has no phone number

This billboard has a CTA button

This billboard has no CTA button

This billboard has CTA text

Go do something

This billboard has no CTA text

This billboard has a patient referral link

This billboard has no patient referral link

Pre Heading

This billboard has everything

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Layout and styling options

Background Options

Abstract

Option A

Abstract

Option B

Abstract

Option C

Abstract

Option D

Color

Grey

Color

Primary (Red)

Color

Gradient

Sizes

Size

X-Small

Size

Small

Size

Medium

Size

Large

Size

X-Large

Page Title Color

Page Title Color

Black

Page Title Color

Red

Usage

Do

  • Keep page titles clear, concise, and accurate.
  • We encourage leaving breadcrumbs enabled to help users trace their navigation path back to broader sections.
  • Incorporate calls-to-action that are relevant to encourage user interaction and fulfill their needs quickly.
  • Keep any additional text brief and to the point to avoid overwhelming the user and to maintain focus on the primary message.

Don't

  • Do not overload the billboard with too much text or multiple calls-to-action.
  • Refrain from using misleading page titles. Misleading titles can frustrate users and increase bounce rates.
  • Do not vary the design of the billboard drastically from page to page. Consistency in design helps build a coherent brand image and improves usability.

Accessibility

  • The background images in this component are decorative and do not require alt text. No action is required on the part of the editor.