skip to main content
Acxiom.com

Styleguide

This is an example of a hero block

The hero block is typically used at the top of the page and holds the H1 tag. It can also be used elsewhere on the page.

This is the “Chevron 50%” variation of the hero block, with dark theme.

Styleguide Styleguide
Video Block

Video Block Title

Description text for the video goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Post Slider Block

The Latest from Acxiom

Select posts on the backend to fill in the slider
1
/
4
Audience data and distribution

Text & Button Options

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Standard paragraph text

Italic text

Bold text

Text with inline link.

Text with strikethrough

Text with superscript

Text with subscript

Columns

Text, buttons, and many other blocks can be placed in columns.

This section has 4 columns.

Images and other elements can be placed in columns as well.

When a section with columns is viewed on a mobile device, the columns appear stacked on top of each other.

Custom Section

The custom section adds a background to other elements. You can add text, images, columns and many other elements to a custom section.

The custom section can also take on a dark theme. See an example below. Some pages alternate custom sections with light and dark themes.

Custom sections can also use gradient backgrounds.

Custom Section with dark theme

This custom section has a dark theme

Aside Image Block

The aside image block takes text, image, tile and button blocks on one side, and fills the other side with an image.

The block can use a light or dark theme, and the image can be switched to either side of the block.

Post Tiles

The “single post tile” module lets you choose any post or page from Acxiom.com and displays the image and title as a tile.

You can also customize the title, image, body text, and link to create your own tiles.

Single post tiles can be placed in columns, as below

You can also choose the “side” image option to change the style of the tile, as below:

A Custom Section with a “group” block

The group block can create a nice-looking centered section like this, or you can add columns and a background inside of a group, as seen below.

2-column block inside a group

You may see this design used across the site for “Did You Know?” sections of webpages

Accordion Blocks

Accordion Title

The Accordion block creates a section that can be opened and closed on click. Other blocks can be placed inside an accordion, like text and images.

Second Accordion

It’s common to use multiple accordion blocks in a row, especially for text-heavy pages

Checkmark List Block

The sub nav block (above) gives on-page navigation that sticks to the top of the page as you scroll.

To achieve this, you must add anchor links to the sub nav block, and corresponding anchor links to the sections below it.

For example, this html anchor for this “custom section” block is ‘test1’ and the nav block links to #test1

The html anchor for this custom section is ‘test2’

If there are many links in the sub nav block, and it takes up the entire width of the screen, the links will scroll sideways to accommodate them

Marketo Form block

This block requires a marketo form ID number and token to display properly. When the form ID is in place, the corresponding form displays in the block. This block can be placed in columns or groups, allowing for a great degree of design flexibility.

Form Title

Acxiom is committed to ethical data use. For our privacy policy and options to opt out, click here. If appropriate, we may contact you regarding your interest.

Sticky Block

The column at the right contains a “sticky block,” and the sticky block contains a heading and a post tile.

The sticky block will “stick” to the top of the page when scrolling.

This is helpful when you have a longer column, like this one, next to a shorter column.

The sticky block can contain other blocks, so you can put post tiles or contact buttons inside them to keep them visible and accessible to users.

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

Elit eget gravida cum sociis natoque penatibus. Id cursus metus aliquam eleifend mi in nulla posuere. Ullamcorper sit amet risus nullam eget felis eget nunc lobortis.

Dictum at tempor commodo ullamcorper a lacus. Quis varius quam quisque id diam. Neque gravida in fermentum et sollicitudin ac orci phasellus egestas.

Pellentesque eu tincidunt tortor aliquam nulla facilisi. Eget velit aliquet sagittis id consectetur purus ut.

Sed tempus urna et pharetra pharetra massa massa. Tortor vitae purus faucibus ornare suspendisse sed nisi lacus.

This section is sticky

Better Attribution

Better Attribution

Regardless of whether leads are anonymous or with reduced information, Acxiom can help you recognise additional opportunities and qualified leads across online and offline channels.

  • Find more prospects that look like your best customers by Acxiom’s Collaboration and Partnership Exchange to share data with partners
  • Develop communication segments for optimal targeting
  • Grow affinity card programs by leveraging Acxiom’s existing relationship with 7 of the top 10 credit card issuers
Quality and Quantity

Quality and Quantity

Find more qualified leads and a larger quantity of prospects with stronger data, analytics and identity resolution capabilities.

  • Increase conversions based on higher quality leads and personalised engagement
  • Get greater speed-to-insights based on optimised lead management
  • Leverage more insights on key audiences to increase media efficiencies and ROI
Improve Engagement

Improve Engagement

Create an end-to-end customer experience solution by optimising customer portraits through identity resolution, customer journey mapping, and media analysis.

  • Find and address gaps in the customer experience, from shopping information to buying to ownership
  • Optimise quantity and quality of channel cadence to deliver a superior customer experience
  • Increase the amount of more relevant, personalised communications
  • Bring customer data to the next level, bridging the gap between paid and owned media for a full-funnel view in a cookie-less world

Call to Action Block

This block should be placed at the bottom of most pages as a final Call to Action for the page. If you leave the title and content text blank, they will automatically fill in with default text. The background video is also standard across the site– there is no need to add a background to this block.

A common usage is to add a button that leads to a popup contact form. When adding a button, select “contact modal” to achieve the form pop-up.