Eyebrow Text

G2 Brand Hub

and best practices

Welcome. This is thee hub for G2 brand guidelines, brand assets, website templates, website modules and best practices for how to use these resources.

More text even smaller blah blah blah

Get Started

Brought to you by G2's Brand Creative Team

Section Heading Module

Module Name: G2 - Section Heading 
Use this module when a standalone header section is needed.
Options: Change main heading style (H1-h3), add sub header, add paragraph text, center/left aligned text, add/remove divider, change background color

Section Heading (H1-H3)

Secondary Header (H3)

Subheading text (p)

Rich Text Content Module

Module Name: G2 - Rich Text Content

Use this module to create flexible width multi column content sections. Most layouts can be achieved by mixing and matching columns styles options inside this module, so start here and use other modules for more specific functionality.

Options: Add columns, change column width, transform to an image block, add CTA button below content, change background color

image-placeholder-1200x800

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.

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. 

Learn More

incididunt ut labore et dolore magna aliqua. 

Lorem ipsum dolor

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

Lorem ipsum dolor

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

Lorem ipsum dolor

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

g2-icon-marketing-profile

Lorem ipsum dolor

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

Learn More

g2-integration-metadata-icon-target

Lorem ipsum dolor

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

Learn More

CTA Content Block

Module Name: G2 - CTA Content Block

A fixed, 2 column content module with optional CTA, adds more padding (gutter) between text and right or left aligned image than the Rich Text module. Perfect for calling out features and benefits on landing pages.
Options: Right or left image section, add CTA button below content, add bulleted list, change background color

Lorem ipsum dolor sit amet (H2)

Secondary Header (H3)

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

Learn More

image-placeholder-1200x800

Content Cards

Module Name: G2 - Content Cards

Content cards can be used to display blog posts, case studies, products or link to other pages or downloadable content.
Options: Add a label, add a CTA, change column width, set card height, change background color
Label

Lorem ipsum dolor

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

Learn More
Label

Lorem ipsum dolor

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

Learn More
Label

Lorem ipsum dolor

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

Learn More
Label

Lorem ipsum dolor

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

Learn More

Countdown Timer

Module Name: G2 - Countdown Timer

Add urgency to an event or deadline.
Options: Change content when countdown ends, add CTA when countdown ends, change background color

  • Days

  • Hours

  • Minutes

  • Seconds

Accordion

Module Name: G2 - Accordion

Hide longer forms of content in collapsible sections
Options: Allow multiple sections to be open at once, change background color

  • Title 1

    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.

  • Title 2

    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.

  • Title 3

    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.

  • Title 4

    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.

Logo Carousel

Module Name: G2 - Logo Carousel

Shows a scrolling row of company logos
Options: Adjust logo width, add/remove arrows, add/remove navigation dots, enable auto scroll, change background color

g2-logo-circle@2x
g2-logo-circle@2x
g2-logo-circle@2x
g2-logo-circle@2x
g2-logo-circle@2x

Quote Carousel Module

Module Nane: G2 - Carousel Content

g2-customer-review-img-michael-kilcullen@2x

"Awesome and Effective Solution for Review Generation"

g2-customer-review-stars-4-half

“G2 plays an essential role in creating stellar looking and sounding reviews for our testimonial marketing efforts, which has become the most effective part of our marketing strategy over the last year.”

Michael Kilcullen
Founder, Kilcullen Labs

g2-customer-review-img-michael-kilcullen@2x

"Awesome and Effective Solution for Review Generation"

g2-customer-review-stars-4-half

“G2 plays an essential role in creating stellar looking and sounding reviews for our testimonial marketing efforts, which has become the most effective part of our marketing strategy over the last year.”

Michael Kilcullen
Founder, Kilcullen Labs

g2-customer-review-img-michael-kilcullen@2x

"Awesome and Effective Solution for Review Generation"

g2-customer-review-stars-4-half

“G2 plays an essential role in creating stellar looking and sounding reviews for our testimonial marketing efforts, which has become the most effective part of our marketing strategy over the last year.”

Michael Kilcullen
Founder, Kilcullen Labs

g2-customer-review-img-michael-kilcullen@2x

"Awesome and Effective Solution for Review Generation"

g2-customer-review-stars-4-half

“G2 plays an essential role in creating stellar looking and sounding reviews for our testimonial marketing efforts, which has become the most effective part of our marketing strategy over the last year.”

Michael Kilcullen
Founder, Kilcullen Labs

People Profiles

Module Name: G2 - People Profiles

g2-leadership-godard-abel@2x

Person Name

Person Title

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

g2-leadership-tim-handorf@2x

Person Name

Person Title

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

g2-leadership-ryan-bonnici@2x

Person Name

Person Title

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

Featured Content

Module Name: G2 - Featured List

g2-icon-survey

Heading

Subheading

Lorem ipsum dolor sit amet, consectetur adipiscing elit

icon-money-head

Heading

Subheading

Lorem ipsum dolor sit amet, consectetur adipiscing elit

g2-integration-clearbit-icon-message

Heading

Subheading

Lorem ipsum dolor sit amet, consectetur adipiscing elit

g2-integration-terminus-icon-engage

Heading

Subheading

Lorem ipsum dolor sit amet, consectetur adipiscing elit

CTA Block

Module Name: G2 - Full Width CTA

CTA Headline

Lorem ipsum dolor sit amet, consecte tur adipiscing elit, sed do eiusmod.

Get Started  Learn More

Sub Navigation

Module Name: G2 - Sub Nav

Stats

Module Name: G2 - Stat Module

100

Lorem Ipsum

100

Lorem Ipsum

100

Lorem Ipsum

100

Lorem Ipsum

Pricing List

Module Name: G2 - Pricing List

Heading

$100

Subheading
Sign Up
    Lorem ipsum dolor sit amet, consectetur adipiscing elit
Most Popular!

Heading

$100

Subheading
Sign Up
    Lorem ipsum dolor sit amet, consectetur adipiscing elit

Heading

$100

Subheading
Sign Up
    Lorem ipsum dolor sit amet, consectetur adipiscing elit

Social Share Buttons

Module Name: G2 - Social Share

See left....

Card Flip Carousel

Module Name: G2-Card-Carousel

Lorem ipsum dolor sit amet.

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.

Lorem ipsum dolor sit amet.

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.

Lorem ipsum dolor sit amet.

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.

Lorem ipsum dolor sit amet.

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.

Lorem ipsum dolor sit amet.

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.