Project Description

Brand Guidelines 2017

Sandwich.io | Digital Design and Development Diploma

Technical Information

Software Used:

  • Illustrator

  • Photoshop

  • InDesign

Date:

  • March 2017

Client:

Sandwich.io | 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.

Process

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

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

Solution

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