skip to main content

Styleguide

This is an .h1 header

This is an .h2 header

This is an .h3 header

This is an .h4 header

Text size

Site Settings

Colors

Hero Block

Hero banner typically used at the top of the page and holds the H1 tag. It can be used elsewhere on the page. There are many field combinations available.

View different variations options available and image specs.

Hero Block Hero Block

Hero Block

Video Block

Create a video or a gallery of videos. Currently only Vimeo links are supported.

Video Block

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Call to Action Block

For clickable links to anywhere on the site or external. Multiple buttons can be used. One button is preferable and will have the most impact.

Carousel Block

For showcasing a long list of proof points without taking up a large amount of page real estate. Content in each item should be minimal. Each item can click through to a page.

Case Study Block

Case Study Block

Case Study / Logo Soup

Case Study / Logo Soup Block

Content Downloads Block

Generic Content Block

For general content.

Generic Content Block

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Button 1Button 2

Images Break

Two images as a content separator. Use sparingly to avoid increasing page load.

Image specs:
One image: 2000px width, maximum 600px height
Two Images: 1000px width, maximum 600px height

Inline Tiles Block

For displaying content pillars. Best used for a maximum of 6 content pieces.

Optimal image sizes: 500x250px or 500x300px

Ensure consistent sizes between tiles.

Inline Tiles Block

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Logo Soup Block

Logo Soup Block

Next Content Block

Designed to highlight a single piece of follow up content (pages only).

Next Content Block

Omnichannel Audience Solutions

See the Benefits

Parallax Image

Image separator with a slow scroll effect. Use sparingly to avoid increasing the page load. No more than one per page.

Image specs:

Resources Block

Used for highlighting related resources.

Image sizes are set on individual resources and a smaller size is served here, but they are uploaded at: 2000x600px.

Resources Block

Lorem ipsum dolor sit amet, consectetur adipisicing 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

Solutions Block

Similar to Inline Tiles, but with multiple rows, and posts are selected rather than custom made tiles.

Solutions Block

Lorem ipsum dolor sit amet, consectetur adipisicing 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

Testimonials Block

Used for quoting individuals. Often used on Careers pages.

  • Wale
  • Job Title
  • Acxiom

Lorem ipsum dolor sit amet, consectetur adipisicing 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

  • Wale
  • Job Title
  • Acxiom

Lorem ipsum dolor sit amet, consectetur adipisicing 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

Text Content Block

For longform copy. Used on privacy pages.

Anchor ID’s can be used to link to a specific piece of content. Note: Only displays well with sidebar template.

Title 1

Lorem ipsum dolor sit amet, consectetur adipisicing 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

Title 2

Lorem ipsum dolor sit amet, consectetur adipisicing 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

2 Column Image Text Block

A simple image/text piece to showcase a single item.

"Data Packages" Block

A module which supports limited tabbed content.

Data Packages

Marketo Form

A powerful module for customizing Marketo contact forms.

View different variations options available and image specs.

Acxiom Contact

Proof points title

  • Proof point 1

    Lorem ipsum dolor sit amet

  • Proof point 2

    Consectetur adipisicing elit

  • Proof point 3

    Sed do eiusmod tempor incididunt

Marketo Form Block

A form subtitle is also available.

Lorem ipsum dolor sit amet, consectetur adipisicing 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

DEPRECATED MODULES

Breaking News Block (Deprecated)

To be deprecated. Same look can be achieved with Generic Content Block.

Breaking News Block

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

Learn More

People Block (To be deprecated)

This block will be deprecated in favor of using inline tiles.

Comittee Block (To be deprecated - avoid using)

Figure Image Block (Deprecated)

For showcasing a single image with a caption. Note: Only displays well with sidebar template.

Styleguide
Figure Image Block

2 Column Text Block (Deprecated - Do not use)

This module is available, but will be deprecated in favor of the inline tiles module, which supports this functionality and more.