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

Icons:

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.

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.

Call to Action Block

By delivering experiences that matter, you can help the digital disruption work in your favor, getting closer to your customers and prospects, ahead of regulations and ahead of your competition.

Case Study / Logo Soup

Case Study / Logo Soup 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.

    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.

    • Tile 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.

    • Tile 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.

    • Tile 3

      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).

      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

      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.

      2 Column Image Text 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

      "Data Packages" Block

      A module which supports limited tabbed content.

      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