Typography

Headlines

Headline 1

<h1></h1>
GN Elliot | 56px | 300 | 66px

Headline 2

<h2></h2>
GN Elliot | 48px | 300 | 58px

Headline 3

<h3></h3>
GN Elliot | 34px | 300 | 44px

Headline 4

<h4></h4>
GN Elliot | 18px | 600 | 28px
Headline 5
<h5></h5>
GN Elliot | 12 px | 400 | 22px
New
<span class="new-label"></span>
GN Elliot | 18 px | 400

Paragraphs

<p></p>

Bacon ipsum dolor amet burgdoggen chicken pork loin kevin alcatra chuck. Sirloin doner rump shankle leberkas tongue. Kielbasa fatback turkey pig kevin. Frankfurter pig pork, bacon ball tip ham hock beef rump alcatra picanha.

Swine pork belly leberkas ham sirloin short loin beef ribs t-bone porchetta kielbasa shank pork ball tip. Tail pork ribeye turkey ham pork belly ham hock pork chop short ribs meatball doner hamburger bresaola fatback jowl.

Hyperlinks

<a></a> Text with a hyperlink in the middle

Templates

Frontpage spot

NEW

Jabra Elite 25e

Best-in-class battery
for wireless calls and music

Enjoy up to 18 hours of battery time, wind and water resistance,
and a new neckband design for a great fit and all-day comfort.

Show Me More

Category topbanner

Office Headsets

For Concentration & Conversation

Get Your Free Trial

KSP spot

BATTERY

All-day power

Now with a battery that delivers 4.5 hours of play time, coupled with a portable charging case you have a total 13.5 hours of power at your disposal.

Color palettes

Primary

Jabra Yellow
#ffd100
Jabra Black
#000000

Secondary

GN Dark Blue
#253746
GN Blue
#5c88da
GN Purple
#9063cd
GN Orange
#ea7200

Tertiary

PMS Black 3C
#212721
PMS 440C
#382E2C
PMS Warm gray 4C
#B6ADA5

Buttons

Only 1 yellow btn in viewport.
In general use outline btn's (#999 or #fff)
Hover color is #333 (except white outline btns -> become white)

Colors

Yellow button .jbr-btn--yellow

Outline button .jbr-btn--dark-outline

Yellow button .jbr-btn--yellow

Outline button .jbr-btn--dark-outline

Yellow button .jbr-btn--yellow

Dark button .jbr-btn--dark

Outline button .jbr-btn--white-outline

Sizes

Large button .jbr-btn .jbr-btn-large

Small button .jbr-btn

Call to actions

Show Me More [[CTA_Show Me More]]

Learn More  [[CTA_Learn More]]

Read More [[CTA_Read More]]

Get Your Free Trial [[CTA_Get Your Free Trial]]

Take The Test [[CTA_Take The Test]]

Contact Sales [[CTA_Contact Sales]]

Submit [[CTA_Submit]]

Choose Your Headset [[CTA_Choose Your Headset]]

See Video [[CTA_See Video]]

Buy Now  [[CTA_Buy NOw]]

Compare Models [[CTA_Compare Models]]

Compare Products [[CTA_Compare Products]]

Subscribe [[CTA_Subscribe]]

Play Demo [[CTA_Play Demo]]

Sound Demo [[CTA_Sound Demo]]

Reviews [[CTA_Reviews]]

Overview [[CTA_Overview]]

Technical Specifications [[CTA_Technical Specifications]]

Sport Life App [[CTA_Sport Life App]]

Register Product [[CTA_Register Product]]

From [[CTA_From]]

Download Full Report [[CTA_Download Full Report]]

Compatibility Guide [[CTA_Compatibility Guide]]

Partners [[CTA_Partners]]

Add To Cart [[CTA_Add To Cart]]

Related Products [[CTA_Related Products]]

Get Support [[CTA_Get Support]]

Download For PC [[CTA_Download For PC]]

Download [[CTA_Download]]

Layout

...

Topbanner

Banner heights
Category pages: 525px


Default top banner

.top-banner

Top banner with arrow

.top-banner .top-banner--arrow

Top banner with dark gradient

.top-banner .top-banner--gradient .top-banner--gradient-dark

Images

...

Images

Something is coming....

Icons

...

Icons