Text

• Body text: #464646
• Heading text: #111111

Accents

• Primary: #4FC6CC
• Primary (dark): #3CAEBE
• Secondary: #FF5C0F

Greyscale

• Level 1: #333333
• Level 2: #5A5A5F
• Level 3: #DBDBD9
• Level 4: #F6F6F9
• Product bg: #E3E0DB
• Table borders: #EEEEEE

All logo files are png format on a transparent background.

• 150px
• 200px
• 300px
• 500px

• 94px
• 188px

Sans-serif font

Proxima Nova (fonts.com). Semibold, regular & thin variants:

font-family: "Proxima N W01 Smbd", "Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif;

font-family: "Proxima N W01 Reg", "Proxima Nova Regular", 'Helvetica Neue', Arial, Helvetica, sans-serif;

font-family: "Proxima N W01 Thin Reg", "Proxima Nova Thin", 'Helvetica Neue', Arial, Helvetica, sans-serif;

Serif font

Brawler (Google fonts). One variant:

font-family: 'Brawler', serif;

<link href="https://fonts.googleapis.com/css?family=Brawler" rel="stylesheet">

Font sizes

Based on the Perfect Fourth scale.

Base font style is html { font-size: 62.5%; } meaning that 1 rem = 10px. Default line-height is 1.5.

Note: The API docs are an exception, with a base font of 1.6rem / 16px.

Heading level 1 Brawler, 6.7314rem / 67px, line-height 1.2

Heading level 2 Brawler, 3.7904rem / 38px, line-height 1.2

Heading level 3 Proxima Nova Semibold, 2.8432rem / 28px, line-height 1.2

Heading level 4 Proxima Nova Semibold, 2.1328rem / 21px, line-height 1.2

Heading level 5 Proxima Nova Semibold, 2rem / 20px, line-height 1.2

Heading level 6 Proxima Nova Regular, 2rem / 20px, line-height 1.2

Paragraph text. Proxima Nova Thin, 2rem / 20px, line-height 1.5

Small text. Proxima Nova Thin, 1.4rem / 14px, line-height 1.5

Inputs

Buttons

• Primary button 2rem / 20px, padding 0.5em 1.5em 0.5em
• Inverse button 2rem / 20px, padding 0.5em 1.5em 0.5em
• Small button 1.4rem / 14px, padding 0.5em 1.5em 0.5em