Grid

Grids display multiple components in a row. Select the number of columns or a special variation with unequal columns and fill it with select components like Headline and Text. Inside content container (ICC) and outside content container (OCC) can be attained using the 'Restrict Width' and 'Enable Column Padding' style variations. See also Image Grid, Teaser Card Grid, Value Prop Grid.

Outside Content Container (OCC) Grids

1 Column (hero)

Default

Lorem ipsum dolor sit amet, consectetur adipiscing 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 in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

2 columns (Icon copy, horizontal tab, macro topics)

Default

Full Bleed Background and ICC Content

Full Bleed Background and ICC Content on Left

Full Bleed Background and ICC Content on Right

2 columns (2:1, 6 pack grid with intro copy and form)

Default

Full Bleed Background and ICC Content

Full Bleed Background and ICC Content on Left

Full Bleed Background and ICC Content on Right

2 columns (1:2, 6 pack grid with intro copy and form)

Default

Full Bleed Background and ICC Content

Full Bleed Background and ICC Content on Left

Full Bleed Background and ICC Content on Right

2 Columns Basic Article

Default

Full Bleed Background and ICC Content

Full Bleed Background and ICC Content on Left

Full Bleed Background and ICC Content on Right

2 Columns: Bio, Events, and Webcasts

Default

Full Bleed Background and ICC Content

Full Bleed Background and ICC Content on Left

Full Bleed Background and ICC Content on Right

2 Columns: Office Location

Default

Full Bleed Background and ICC Content

Full Bleed Background and ICC Content on Left

Full Bleed Background and ICC Content on Right

2 columns - Gated and Non Gated Reports

Default

Full Bleed Background and ICC Content

Full Bleed Background and ICC Content on Left

Full Bleed Background and ICC Content on Right

2 columns - 35:65

Default

Full Bleed Background and ICC Content

Full Bleed Background and ICC Content on Left

Full Bleed Background and ICC Content on Right

2 columns - Vertical Tab

Default

Full Bleed Background and ICC Content

Full Bleed Background and ICC Content on Left

Full Bleed Background and ICC Content on Right

2 columns - Our Story

Default

Full Bleed Background and ICC Content

Full Bleed Background and ICC Content on Left

Full Bleed Background and ICC Content on Right

2 columns - Left Intro + GIF

Default

2 columns - Left intro copy + video

Default

3 columns (3/6/9 pack, social grid)

Full Bleed Background and ICC Content

Inside Content Container (ICC) Grids

1 column (Hero)

2 columns (Icon copy, horizontal tab)

3 columns (content grid, horizontal tab)

3 columns (3/6/9 pack)

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

3 columns (team 3-row)

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

4 columns (horizontal tab)

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

4 columns (team 4-row)

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

5 columns (horizontal tab)

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

6 columns

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

2 columns with right rail (basic article)

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

Grid

Outside Content Container (OCC) Grids

1 Column (hero)

2 columns (Icon copy, horizontal tab, macro topics)

2 columns (2:1, 6 pack grid with intro copy and form)

2 columns (1:2, 6 pack grid with intro copy and form)

2 Columns Basic Article

2 Columns: Bio, Events, and Webcasts

2 Columns: Office Location

2 columns - Gated and Non Gated Reports

2 columns - 35:65

2 columns - Vertical Tab

2 columns - Our Story

2 columns - Left Intro + GIF

2 columns - Left intro copy + video

3 columns (3/6/9 pack, social grid)

Inside Content Container (ICC) Grids

1 column (Hero)

2 columns (Icon copy, horizontal tab)

3 columns (content grid, horizontal tab)

3 columns (3/6/9 pack)

3 columns (team 3-row)

4 columns (horizontal tab)

4 columns (team 4-row)

5 columns (horizontal tab)

6 columns

2 columns with right rail (basic article)

2 columns with left rail (bios, webcasts, events)

2 columns (office location)

2 columns (2:1)

2 columns (1:2)

2 columns - Gated and Non Gated Reports

2 columns - 35:65

2 columns - Vertical Tab

2 columns - Our Story

2 columns (left intro + gif)

2 columns (left intro copy + video)