Product template

Subtitle (all subtitles and CTAs are optional)

Hero module – standard module that is displayed at the top of all page types. It always displays the page title and the image on the right side of the page. The image is required for social sharing of public pages.

Optional header carousel or banner can be used instead of the hero module for an alternate look. The image is still required for social sharing of public pages.

CTAs in the hero module are larger than anywhere else on the page.

Standard paragraph text

Subtitle

This can display custom blocks of text, lists, tables, and inline images. Content can be center or right justified.

Panel module with image left and vertical tabs

Panel modules can have images or video on the right or left side or none at all.

There are 3 options for panels:

Vertical tabs
Accordion (used in FAQs)
Table (responsive but 2 columns only)

Panel module with image right and vertical tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Panel module with video left and accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accordion panel 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Learn more
Accordion panel 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Panel module with no media and table (responsive)

Table row 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Table row 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Panel module with no media and accordion (FAQs)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accordion panel 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Learn more
Accordion panel 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Accordion panel 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Cards with no images or links

Card 1 title
Cards are usually 3 across and do not need to have images or links. Card titles and descriptions are optional.
Card title with no description
Card description with no title

Cards with links

Cards with images

Cards with landscape images

Cards with icons

Card 1
Icons will display aligned to the top-left of the card with the tomato line at the top.
Card 2
Card 3

Colorblock Cards, with icons

1 in 5 adults

are affected by a mental health condition each year
More than half of adults

with a mental health condition receive no treatment
Mental health challenges

are the leading cause of disabilities worldwide

Colorblock Cards, centered with icons

Card 1
Card backgrounds selected from predefined brand approved colors
Card 2
Card backgrounds selected from predefined brand approved colors
Card 3
Card backgrounds selected from predefined brand approved colors

4 Cards across, centered with icons

Cards 2 across

Card 1
Cards are a bit wider when only 2 are displayed in a row
Card 2

Infographic image

Static infographic images need to have description text for WCAG. A separate, mobile optimized version of the image is required for text within the image to be readable on all devices.

Photoshop specs:

Content minimum: 20px
Kerning: Optical
AA: Crisp
File format: PNG
Desktop: 1000px wide
Mobile: 500px wide

Disclaimer text: 18px

Image description

Video

Video should have a transcript with closed captioning and audio description track for WCAG

Video carousel 3 across

Video 1

Video 2

Video 3

Video carousel 2 across

Video 1

Video 2

The greatest glory in living lies not in never falling, but in rising every time we fall.
Pull quote module

Find an FR widget

Get a quote