Jumpseller Draft Guidelines

Logo

Correct uses of logo

Jumpseller Logo
PNG | SVG
Jumpseller Logo
PNG | SVG
Jumpseller Logo
PNG | SVG

Colors

Green: #A6C544
Black: #000000
White: #FFFFFF

Incorrect logo uses

Incorrect Logo Uses

Typography

The typography that we use throughout the landing page is Proxima Nova.

Font styles

  • <h1>
  • font-size: 40px;
  • color: #333;
  • line-height: 1.3em;
  • letter-spacing: 1px;
  • font-weight: 800;
  • margin: 20px 0;
  • <h2>
  • font-size: 30px;
  • color: #333;
  • line-height: 1.3em;
  • font-weight: 500;
  • margin: 20px 0 0 0;
  • <h3>
  • font-size: 26px;
  • color: #333;
  • line-height: 1.5em;
  • font-weight: 500;
  • margin: 20px 0 15px 0;
  • <h4>
  • font-size: 22px;
  • color: #333;
  • line-height: 1.5em;
  • font-weight: 400;
  • margin: 20px 0; 15px 0
  • <h5>
  • font-size: 20px;
  • color: #333;
  • line-height: 1.3em;
  • font-weight: 600;
  • margin: 20px 0 15px 0;
  • <h6>
  • font-size: 18px;
  • color: #333;
  • line-height: 1.3em;
  • font-weight: 500;
  • margin: 20px 0 15px 0;
  • <p> (general)
  • font-size: 16px;
  • color: #555555;
  • line-height: 1.8em;
  • font-weight: normal;
  • margin-bottom: 10px;
  • <p> (landings)
  • font-size: 18px;
  • color: #4a4a4a;
  • line-height: 1.8em;
  • font-weight: 200;
  • margin-bottom: 10px;

Links


Subscriptions forms

The style of subscription form should be with this styles:

  • Button inside the input
  • Flat button with the corporate green #a6c544 and text “Start Now” uppercased
  • Button text should be white (#FFFFFF) and uppercased
  • Input field 1px solid border color #d6d6d6
  • The placeholder text change in the mobile version, because the space

Desktop version

Desktop version

Mobile version

Mobile version

Faz login na sua loja Jumpseller

Esqueceu a Password?

Esqueceu a Password?

Retorne ao Login