SPORTIF.COM STYLE GUIDE

Use this page as a quick guide for maintaining the Sportif brand standards online. These styles below are meant as a guide, and not necessarily set in stone. Please strive for meeting web accessibility standards (AA minimum) when/where possible. This includes aiming for a contrast rating of at least 4.5 for primary copy/buttons/navigation etc.

TYPOGRAPHY


H1 HEADLINE

Oswald, 700, #333

H2 HEADLINE

Oswald, 700, #333

H3 HEADLINE

Oswald, 700, #333

H4 HEADLINE

Oswald, 700, #333

H5 HEADLINE

Oswald, 700, #333

H6 HEADLINE

Oswald, 700, #333

This is body copy. Of all the legacies we can leave our children, we believe the Earth is the most important. From our everyday choices within our offices to our fabrics and factories, we’re on a mission to make sustainability an easy choice. 

Open Sans, #333

TYPEFACES:

Oswald

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

[email protected]#$%^&*()_+”:?><

Open Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

[email protected]#$%^&*()_+”:?><

COLOR PALETTES


Primary #A04955

#A04955, RGB(160, 73, 85)

Secondary: #001F3D

#001F3D, RGB(0, 31, 61)

Grays

Primary #333333

Seconday #555555

Tertiary #999999

COMMON BUTTONS


border-style: solid;
border-color: #007a4b;
border-width: 1pxpx;
border-radius: 0;
box-shadow: 1px 1px 3px rgba(0 0 0 / 30%);
color: #fff;
font-size: 16px;
background-color: #007a4b;
padding: 10px  20px;
height: auto;

border-style: solid;
border-color: #333;
border-width: 1px;
border-radius: 0;
box-shadow: 1px 1px 3px rgba(0 0 0 / 30%);
color: #333;
font-size: 16px;
background-color: #fff;
padding: 10px 20px;
height: auto;

©2021 Sportif Mailorder. All Rights Reserved.