Jumpseller Brand Guidelines

Logo

Correct uses of logo

Colors

#A6C544
#080808
#FFFFFF
#071E3F

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

  • a
  • color:
    #0077e2;
  • text-decoration: none;
  • a:hover
  • color:
    #0077e2;
  • text-decoration: underline;
  • a:active
  • color:
    #ff0000;
  • text-decoration: underline;
  • a:visited
  • color:
    #541d9e;
  • text-decoration: none;

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

Comienza tu viaje con nosotros!

Prueba gratis de 14 días. No requiere tarjeta de crédito.