WYSIWYG Title
Frame Differences

This specific landing hero does not have CTAs to show that this is not a mandatory field. One of the first purposes of this page is to demo and test how the popular service frame above displays with a right aligned landing page. Another purpose of this page is to demo and test the different combinations of similar frames, get involved, two button descriptor, and summary; that will follow this frame. The WYSIWYG frame offers bulleted lists and numbered lists. A bulleted list can be seen on the homepage on the associated landing page link found in the hero. A numbered list can be found here.

  1. Popular Services
  2. WYSIWYG
  3. Get Involved (full frame)
    1. Primary background color
    2. 1 Descriptor
    3. 3 CTAs
  4. Get Involved
    1. Secondary background color
    2. NO descriptor
    3. 2 CTAs
      1. demo two lines of text
  5. Get Involved
    1. Monochrome light background color
    2. 1 Descriptor
    3. NO CTA
  6. Two Button Descriptor (full frame)
    1. Secondary background color
    2. 2 Descriptors
    3. 2 CTAs
  7. Summary (full frame)
    1. Primary background color
    2. 3 Descriptors and Supporting Content
    3. 1 CTA
  8. Summary
    1. Secondary background color
    2. NO headline
    3. NO descriptor
    4. 3 Supporting Content
    5. 1 CTA
  9. Summary
    1. Monochrome light background color
    2. 3 Descriptors and Supporting Content
    3. NO CTA
Get Involved 1
Example Headline 1
This Get Involved Frame is using the primary accent color. This frame is fully filled out, the maximum number of CTAs are used.
Get Involved 3
Example Headline 3
This is using the monochrome light frame background color and does not have any CTAs!

Two Button Descriptor Example Headline

Descriptor 1

This is using the secondary accent color. It is best practice to have frames that are next to one another be different colors, if that option is available. All fields on this frame are mandatory.

CTA 1
Descriptor 2

What pathways, comparisons, or options will you use this frame for?

CTA 2
Summary 1
Example Headline 1
Descriptor 1

This is the primary accent color. This summary frame has all options filled.

Descriptor 2

The frame can show key points and details about a plan or initiative.

Descriptor 3

There can only be one CTA in this frame.

The CTA
Summary 2

This is the secondary background color. The headline, descriptors, and supporting content are all optional, but recommended for a clean look. This frame is lacking the headline and descriptors.

Lorem ipsum dolor sit amet consectetur adipiscing elit. Semper vel class aptent taciti sociosqu ad litora. Blandit quis suspendisse aliquet nisi sodales consequat magna.

Cras eleifend turpis fames primis vulputate ornare sagittis. Sem placerat in id cursus mi pretium tellus. Orci varius natoque penatibus et magnis dis parturient. Finibus facilisis dapibus etiam interdum tortor ligula congue. 

CTA
Summary 3
Example Headline 3
Descriptor 1

This is the monochrome light background color. The CTA on Summary frames are optional.

Descriptor 2

Please do not insert your own CTAs into this frame.

Descriptor 3

If more CTAs are needed, the get involved frame or two button descriptor are great choices.