Grade Brand Guide

Warmth, humanity, and playful professionalism – is the spirit of the Grade brand. Everything, from the smallest logo to the colors of our flags outside our office buildings, should all convey the essence of these simple, yet powerful words.

Should any questions arise along the way, please contact: ad@grade.com.

1. Colors

We believe that color is the essence of the brand. A strong color represents the sensation we wish our clients and customers to feel when reaching out to us. Our chosen colors are warm, playful and professional, but mostly they convey the fact that we are all humans.

Primary Colors

Below are our primary colors. These colors show our brand and should be used to communicate who we are and what we stand for. 

Light Coral 1000

HEX: FF7078

RGB: 255, 112, 120

PMS: 184C

Klein Blue 1000

HEX: 073ABB

RGB: 7, 58, 187

PMS: 286C

Beau Blue 1000

HEX: CEE4FF

RGB: 206, 228, 255

PMS: 283C

Only use the colors that are in our palette. Don’t create your own colors.

Color Specification

Below is the color palette with specified color values, in HEX and RGB.

Light Coral

Light Coral 1000

HEX: FF7078

RGB: 255, 112, 120

Light Coral 800

HEX: FE8F95

RGB: 254, 143, 149

Light Coral 600

HEX: FFABAF

RGB: 255, 171, 175

Light Coral 400

HEX: FFC6CA

RGB: 255, 198, 202

Light Coral 200

HEX: FFE3E4

RGB: 255, 227, 228

Light Coral 100

HEX: FFF1F1

RGB: 255, 241, 241

Klein Blue

Klein Blue 1000

HEX: 073ABB

RGB: 7, 58, 187

Klein Blue 800

HEX: 3A6AE7

RGB: 58, 106, 231

Klein Blue 600

HEX: B9CAF9

RGB: 185, 202, 249

Klein Blue 400

HEX: DEE7FF

RGB: 222, 231, 255

Klein Blue 200

HEX: EEF2FD

RGB: 238, 242, 253

Klein Blue 100

HEX: F7F9FF

RGB: 247, 249, 255

Beau Blue

Beau Blue 1000

HEX: CEE4FF

RGB: 206, 228, 255

Beau Blue 800

HEX: DBEBFF

RGB: 219, 235, 255

Beau Blue 600

HEX: E3F0FF

RGB: 227, 240, 255

Beau Blue 400

HEX: EBF4FE

RGB: 235, 244, 254

Beau Blue 200

HEX: F5F9FF

RGB: 245, 249, 255

Beau Blue 100

HEX: FAFCFE

RGB: 250, 252, 254

Oxford Blue

Oxford Blue 1000

HEX: 0D1730

RGB: 13, 23, 48

Oxford Blue 800

HEX: 3C475F

RGB: 60, 71, 95

Oxford Blue 600

HEX: 5E7095

RGB: 94, 112, 149

Oxford Blue 400

HEX: 929FBA

RGB: 146, 159, 186

Oxford Blue 200

HEX: C8CFDC

RGB: 200, 207, 220

Oxford Blue 100

HEX: F1F3F6

RGB: 241, 243, 246

Text Colors

It’s important to notice the slight color difference between the heading and the body text. The heading text should preferably be in Oxford Blue 1000 and the body text Oxford Blue 800.

Heading and Body

Oxford Blue 800

HEX: 3C475F

RGB: 60, 71, 95

This is a Heading

This is body text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Senectus augue sed bibendum dolor non mi praesent pretium, augue. Dui dui pellentesque tristique urna, aliquet mi tempus, tortor, nisl. Ultrices cursus justo, adipiscing sed aliquam. Auctor eu a aliquam pretium.

2. Logo

Our logo tells the story of our company, with only a name, colors and a symbol. The logo and symbol are equally important parts of the brand and should be used delicately. The symbol shows two capital G’s joining together in marriage, creating a ”Lemniscate, the symbol of eternity. 

Below download contains all logos in .png and .svg – in available colors Light Coral, Black and White.

Logo Variations

The logos below are variations of the primary logo and can be used in special cases. Do not use if unsure how and where to place them. Either use the primary logo or contact marketing for consultation. 

The wordmark can be used with both the icon and without, if it needs to fit a narrow space, and when the primary logo will be too small to read.

The icon should only be used on its own when it is apparent for the audience that the sender is Grade. The icon can e.g. be used as a social media profile picture since the brand name always is shown next to the profile picture, and therefore the primary logo is not needed to further emphasize the brand.

3. Resources

In this section you will find downloadable resources. If there’s something missing, please contact ad@grade.com

PowerPoint

Download the grade powerpoint. The file is a template file and the format is .potx. The standard fonts are our backup fonts, Tahoma and Arial. If you have the main fonts Poppins and Nunito installed, please change to these fonts. 

Teams

Download the backgrounds for teams. Choose the one to your liking and add it to your Teams and Google Meeting. 

Word template

Click the button below to download word-template.

The typeface section consists of our typography, fonts, colors, and sizing. The main font, Poppins, in to be used as header text when ever possible. The main body text, used online and in print, is Nunito. Below is more information on how to apply typography. 

4. Typeface

Primary Typeface

Header text

Poppins is used for all headers in all our communication. We use Poppins Bold and Poppins Semi Bold for the different headers.

Poppins Bold

Poppins SemiBold

Body text

Nunito Regular is used as body text in all our communication. Nunito Semi Bold and Nunito Bold can be used to emphasize words.

Nunito Regular

Nunito SemiBold

Nunito Bold

Alternative Typeface

When our typefaces Poppins and Nunito can’t be installed, you can use Tahoma as a header, and Arial as body text. Both these typefaces are standard typefaces on PC and Mac. However. usage of alternative typefaces and font is not to be promoted. Only use if not able to install the main typefaces. Please contact the marketing team if you need assistance installing the main typefaces.

Alternative Header

Tahoma Bold

Alternative body

Arial Regular

Text Colors

It’s important to notice the slight color difference between the heading and the body text. The heading text should always be in Oxford Blue 1000 and the body text Oxford Blue 800.

Body

Oxford Blue 800

HEX: 3C475F

RGB: 60, 71, 95

This is a Heading

This is body text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Senectus augue sed bibendum dolor non mi praesent pretium, augue. Dui dui pellentesque tristique urna, aliquet mi tempus, tortor, nisl. Ultrices cursus justo, adipiscing sed aliquam. Auctor eu a aliquam pretium.