Jumpseller Brand Guidelines
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
Mobile version
Start your journey with us!
Free trial for 14 days. No credit card required.