Search our shop

Brand Guidelines

v0.4
Updated 2020-03-16

This document explains how the branding for Blend Commerce should—and should not—be implemented.

Typography

A single typeface is used for consistency—the high quality Montserrat family. Headings are uppercase bold weight and tight kerning, with body text represented by regular weight.

Top level heading

h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
}

Second level heading

h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
}

Third level heading

h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
}

Fourth level heading

h4 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
}

Body text

p {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: normal;
}

Downloads

Colour Scheme

The green highlight is used sparingly. The gray is actually white with 30% opacity, and should only be used over the black.

Black
#212121
rgba(33,33,33,1)
hsla(0,0,13,1)
Pantone:Neutral Black
Grey
#212121
rgba(255,255,255,0.3)
hsla(0,0,13,1)
Pantone:Cool Gray 8
White
#ffffff
rgba(255,255,255,1)
hsla(0,0,100,1)
Green
#00fd97
rgba(33,33,33,1)
hsla(0,0,13,1)
Pantone:3385
Red
#eb5757
rgba(33,33,33,1)
hsla(0,0,13,1)
Pantone:485

Stationery

Documents are created using the Blend "light" theme for easy readability and accuracy when printing.