Arla Global Platform

Content modules CVI

How to start using CVI blocks

CVI is an abbreviation for Content Visual Identity which means the new design system. All new designed blocks are called CVI blocks, and to see them on a page they need to be specially enabled in the page settings.

To start using CVI blocks we need to create a Standard (Heroless) page or Brand (Heroless) page and in it's Settings tab check the box Enable CVI.

CVI blocks can be added in CVI content tab. Content in it replaces the things in the next tab (Information tab) once the CVI checkbox is enabled.

In CVI tab we have a Header area which allows to have only following blocks for now: Hero Block, Page Title Block and Ribbon Menu. All other CVI blocks can be added to Content area.

Useful tip: the page can be verified in CVI design without enabling a checkbox in Settings.

Every page that has a support in new design has a hidden possibility to be opened in a New and Old design by adding a corresponding querystring parameter:
?new or  ?old

image0tqhh.png

 

imagelrq1.png

Hero block

The Hero block is a highly configurable block for introducing important landing pages on the website.

See details and examples

imagev2j7.png

image8p4cr.png

image9lqnj.png

 

Page title block

The Page title block is a configurable block for introducing secondary landing pages on the website.

See details and examples

Inline title block

The Inline title block is a configurable block for creating a clear separation of content sections within a page.

See details and examples

imagevk6ir.png

Product carousel block

The Carousel block is a configurable block for presenting sliding lists of short content with imagery.

See details and examples

Full width teaser block

The Full width teaser block is a configurable block for highly visual way of highlighting/teasing a single piece of content.

See details and examples

image84kp.png

Transparent teaser block

The Transparent teaser block is a configurable block for highlighting/teasing a single piece of content.

See details and examples

imageq9tkv.png

Rich text block

The Rich text block is a configurable block for medium length text content. This block is well suited for breaking up pages with heavy block colors. The block has a maximum width of 720px to retain legibility, and stays centered on the page.

See details and examples