Official style guide of Jasper

Access the official branding and style guide of Jasper, such as logos, fonts, colors, and more.

Visit our homepage at jasper.ai.

Overview of company

Jasper is your AI writing assistant that helps marketers, content creators, and entrepreneurs write better marketing copy. Founded by Dave Rogenmoser, John Phillip Morgan, and Chris Hull on January 15, 2021 in Austin, Texas. Today, Jasper helps over 50,000+ customers break through writer's block to write content faster.

Before Jasper, the team founded the Y Combinator-backed startup Proof, which is still the leading tool in social proof marketing.

On June 29th, CEO Dave Rogenmoser announced the transition of the brand from Conversion.ai to Jarvis after the merger and acquisition of two companies, Headlime and Shortly. A second rebrand was announced on January 24th, 2022 for the name change from Jarvis to Jasper after a trademark threat from Marvel Studios – read the official announcement here.

Trademark

Official wordmark, logo, & icon of Jasper

Proof Logo Dark Vector SVG
Proof Logo Dark Vector SVG
Proof Logo Dark Vector SVG
Proof Logo Dark Vector SVG
Atlas Icon SVG
Atlas Icon SVG

Colour Palette

Primary Palette

Brand colors
Pink
#FF61D3
Berry
#B318FF
Aqua
#00F0FF
Sun
#FFCC29
Verde
#3CF7A2

Gradient

Brand colors
Jasper Gradient
Pink
#FF61D3
Berry
#B318FF
Aqua
#00F0FF

Typography Palette

HEADING & PARAGRAPH
Dark 900
#060606
Dark 700
#0f0f11
Dark 500
#17171a
Dark 300
#222529
Dark 100
#8a8f98
Text Color
#adb5c4

Typography Styles

Font: Inter by Google

Headings

Aa Bb Cc Dd Ee

Heading 1
3em (60px)

Aa Bb Cc Dd Ee

Heading 2
2em (40px)

Aa Bb Cc Dd Ee

Heading 3
1.5 em (30px)

Aa Bb Cc Dd Ee

Heading 4
1.25em (25px)
Aa Bb Cc Dd Ee
Heading 5
1em (20px)
Aa Bb Cc Dd Ee
Heading 6
0.75em (15px)

Paragraph

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of  type and scrambled it to make a type specimen book.

Paragraph
1em (20px)
#ADB5C4

Quotes & Lists

Quotes

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Quote 1
1.5em (24px) Default
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Quote 2
Coloured

Lists

  • Example Item 1
  • Example Item 2
  • Example Item 3
List Dots
  • Example Item 1
  • Example Item 2
  • Example Item 3
List Numbers
  • Example Item 1
  • Example Item 2
  • Example Item 3
List Letters

Buttons

Button Primary

Sign Up
Button Primary
Sign Up
Secondary Primary
Watch Now →
Link text