Brand Guidelines 2017

.raw | Digital Design and Development Diploma

Technical Information

Software Used:

  • Illustrator

  • Photoshop

  • InDesign

Date:

  • October 2017

Client:

.raw | Digital Design and Development Diploma

Hours Spent:

  • 28 hours

Introduction

The brand guidelines were created to make sure that everyone was consistent throughout the project.

This included outlining the:

Brand Intro

  • Background

  • Brand Values

Logo

  • Logo (Does Work)

  • Logo (Doesn’t Work)

  • Logo/Toggle Spacing

  • Logo Positioning

Coloring

  • RGB Color Pallet Logo

  • Primary Palette For Background

  • Gradient Palette for Header and Music Play Area At the Bottom

  • Primary Palette for Buttons/Icons

  • Transparency or  Fades

  • Transparency or  Fades

Buttons and Icons

  • Buttons

  • Icons

  • Vector Graphics

Typography

  • Primary Typeface

  • Secondary Typeface

Header and Footer

  • Header

  • Footer

Menu

  • Mobile Menu

  • Desktop Menu

Images

  • Background Images

Process

I created the designs using Illustrator then copied the vector art into InDesign. I used Photoshop to color correct images where needed.

Solution

In the end I was about to great a graphics standard manual for the .raw project

.Raw Brand Guidelines | BCIT D3 Portfolio | Website Development with Henry Leung, Arron Ferguson, Ramin Shadmehr | Monika Szucs Giano Patane Chris Gutwin Christen Jan Ocampo Mangibin
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT
.raw Brand Guidelines created in the Digital Design and Development Program at BCIT

↗ Live View