Jumpseller Draft 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
