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.

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

    Learn more
  • 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.

Learn more

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.

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

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

  • 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

Cards with icons

  • 70% chart for mental health
    Card 1

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

  • 63% chart for physical health
    Card 2
  • 60% chart for financial health
    Card 3

Colorblock Cards, with icons

  • Infographic - 2 out of 10 people
    1 in 5 adults

    are affected by a mental health condition each year

  • Icon 2
    More than half of adults

    with a mental health condition receive no treatment

  • Icon 3
    Mental health challenges

    are the leading cause of disabilities worldwide

Colorblock Cards, centered with icons

  • Icon 1
    Card 1

    Card backgrounds selected from predefined brand approved colors

  • Icon 2
    Card 2

    Card backgrounds selected from predefined brand approved colors

  • Icon 3
    Card 3

    Card backgrounds selected from predefined brand approved colors

Cards 2 across

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

Video

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

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