Style Guide

Dark Hero Subhead

Style Guide

Dark Gradient Hero Subhead

Style Guide

Light Hero Subhead

Style Guide

Light Blur Hero Subhead

Style Guide

Dark Gradient Hero Subhead

Style Guide

Light Blur Hero Subhead

Primary Colors

All the listed colors have been created using Global Swatches. If you edit the Global Swatch color, it will change every element that uses that color swatch.

#00CE7C

#4AC1E0

#FED925

#131E29

#002A3A

Secondary Colors

The secondary color palette should be used sparingly, and only as accent colors. A good example would be blog category tags.

#E53E51

#F88D2A

#FFB71B

#9D57A2

#0071B2

#60A8D4

#76BC21

Neutral Colors

Neutral colors can be used for type and section backgrounds where a more serious tone is required, eg: Policies & Terms pages.

An exception to this rule is #FED925, which can be used as a section background color throughout the site.

#00CE7C

#4AC1E0

#FED925

Typography

If you edit styles here, they will change across the site

56 / 62PX - HEADER ONE

Heading 1

48 / 52PX - HEADER TWO

Heading 2

32 / 38PX - HEADER THREE

Heading 3

Heading 3

24 / 32PX - HEADER FOUR

Heading 4

20 / 24PX - SUBHEAD ONE
Contextual. Creative. Attention.
16 / 20PX - SUBHEAD TWO
Contextual. Creative. Attention.
22 / 33PX - LONGFORM

GumGum offers a full-service; creative, context, and consumer attention measurement

18 / 26PX - PARAGRAPH BG

By combining contextual and attention, advertisers will have the opportunity to understand what creative is grabbing attention in optimal environments and optimize their campaigns to drive outcomes in real-time.

GumGum offers a full-service; creative, context, and consumer attention measurement that is privacy compliant, all in one place.

16 / 24PX - PARAGRAPH

GumGum offers a full-service; creative, context, and consumer attention measurement that is privacy compliant, all in one place.

By combining contextual and attention, advertisers will have the opportunity to understand what creative is grabbing attention in optimal environments and optimize their campaigns to drive outcomes in real-time.

13 / 16PX - CAPTION
GumGum offers a full-service; creative, context, and consumer attention measurement that is privacy compliant, all in one place
12 / 16PX - SUPERTITLE
GumGum offers a full-service; creative, context, and consumer attention measurement
18 / 26PX - Block Quote
Block Quote

Logos

As the most visible element of our identity, the GumGum logo embodies the creativity and ingenuity of our company.

Rich Text

If you edit styles here, they will change across the site.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila! This is a link.

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

"This is a quote inside a rich text element"
Here is an Image caption. Eg: "GumGum partners with Magna on this new study"
  1. Number list 1
  2. Number list 2
  3. Number list 3
  4. Number list 4
  • Bullet list 1
  • Bullet list 2
  • Bullet list 3
  • Bullet list 4

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila! This is a link.

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

"This is a quote inside a rich text element"
Here is an Image caption. Eg: "GumGum partners with Magna on this new study"
  1. Number list 1
  2. Number list 2
  3. Number list 3
  4. Number list 4
  • Bullet list 1
  • Bullet list 2
  • Bullet list 3
  • Bullet list 4

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila! This is a link.

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

"This is a quote inside a rich text element"
Here is an Image caption. Eg: "GumGum partners with Magna on this new study"
  1. Number list 1
  2. Number list 2
  3. Number list 3
  4. Number list 4
  • Bullet list 1
  • Bullet list 2
  • Bullet list 3
  • Bullet list 4

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila! This is a link.

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

"This is a quote inside a rich text element"
Here is an Image caption. Eg: "GumGum partners with Magna on this new study"
  1. Number list 1
  2. Number list 2
  3. Number list 3
  4. Number list 4
  • Bullet list 1
  • Bullet list 2
  • Bullet list 3
  • Bullet list 4

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila! This is a link.

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

"This is a quote inside a rich text element"
Here is an Image caption. Eg: "GumGum partners with Magna on this new study"
  1. Number list 1
  2. Number list 2
  3. Number list 3
  4. Number list 4
  • Bullet list 1
  • Bullet list 2
  • Bullet list 3
  • Bullet list 4

Interested in getting started with programmatic ads?

Let us help you with your next campaign.

Request a Demo

Interested in getting started with programmatic ads?

Request a Demo

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

‍

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Rich Text

If you edit styles here, they will change across the site.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

"This is a quote inside a rich text element"
Here is an Image caption. Eg: "GumGum partners with Magna on this new study"
  1. Number list 1
  2. Number list 2
  3. Number list 3
  4. Number list 4
  • Bullet list 1
  • Bullet list 2
  • Bullet list 3
  • Bullet list 4

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Forms

If you edit styles here, they will change across the site.

I am interested in the In-Video Ads because *
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Your data will be processed according to our Privacy Policy.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Your data will be processed according to our Privacy Policy.