Brand Guidelines

Our 4D Approach

4d
01

Our Approach

Covered Mediums

Making brands explode online is our mission statement and through this we have gained a wealth of knowledge, crossing boundaries from corporate entities to local start-ups giving ourselves an edge on the competition.

Creating a visual identity to span a wide range of mediums, we take Brand Guideline's into the digital world, offering numerous benefits including;

+ The ease of access for anyone, anywhere and on any device.
+ Quicker & Easier to use: Gain access in seconds and use a well-thought-out navigation system to find the assets you need.
+ Brand, Print, Moving Image and Digital, all under one roof.
+ Easily updated and managed centrally - This means your team will never be stuck with an older version and changes in the guideline happen instantly.
+ Download Templates and Assets straight from the page - With links to downloadable PDFs, Source Files and links to shared folders.
+ Secure - With password protection, you can pick and choose who has access to the application and it's shared folders.

02

Our 4D Process

We use a tried and tested method on a website build of this size. A fundamental approach to ensure we deliver a first class product. Each stage of our approach is broken down into a timeline with deliverables, this allows for sign-off at the completion of each stage and ensures efficiency due to constraints in time.

Define

Define

  • Brand Positioning
  • Brand Idea
  • Mood Boards
Design

Design

  • Logo & Symbol
  • Font styleguide
  • Colour Palette
  • Imagery
  • Creative Design
  • Iconography
Develop

Develop

  • Website
  • Social
  • Internal
  • Sales
  • Marketing
Deploy

Deploy

  • Information Architecture
  • Communications
  • Training
Define

Define

Brand Positioning

Introduction
Disruptive Social is a Creative agency based in East London with a passion for making brands explode online. We Are Disruptive.

Defining Disruptive
We challenge the conventional way of thinking. Innovation is a way we find to do more for a client than anybody else does, we go beyond the call of duty and treat your business as if it's our own. An expert team of geeks, gurus and growth hackers cutting through the most attention dense environment on the planet.

Design

Our Brand Idea
A behaviour as a brand idea, because that’s how we actually behave.

Mood Boards

Inspiration mood boards from our brand idea to set up the design direction and create a pool of ideas..

Design

Design

Logo

Logo Safe Zones

The safe zone for the Disruptive logo can be determined by positioning the D as pictured below. This is the absolute minimum safe space between the logo and other elements, or even the canvas, to keep an optimal visual integrity.

Logo Misuse

The appearance of the logo should be consistent.

DO NOT use custom colours, custom background, gradients or shadows

DO NOT stretch the logo, change the letter spacing or thickness of each letter

DO NOT use the logo as a mask

DO NOT change the logo’s orientation

Symbol

The 'D'

Our Symbol that represents the growth of our brand, combining the original lightning strike with our bold statement, font. The design incorporates a geometric angle, showcasing the precision in our work.

D Development

Font

Neue Haas Grotesk

Headlines & sub-headlines

Neue Haas Grotesk

For paragraphs & descriptive text

Bison

Highlighting & quotes

Inconsolata

Taglines & Directional copy

East London based Creative Agency with a passion for making brands explode online. We are Disruptive.

H1

East London based Creative Agency with a passion for making brands explode online. We are Disruptive.

H2

East London based Creative Agency with a passion for making brands explode online. We are Disruptive.

H3

East London based Creative Agency with a passion for making brands explode online. We are Disruptive.

H4
East London based Creative Agency with a passion for making brands explode online. We are Disruptive.
H5
East London based Creative Agency with a passion for making brands explode online. We are Disruptive.
H6

East London based Creative Agency with a passion for making brands explode online. We are Disruptive. East London based Creative Agency with a passion for making brands explode online. We are Disruptive. East London based Creative Agency with a passion for making brands explode online. We are Disruptive. East London based Creative Agency with a passion for making brands explode online. We are Disruptive.

Paragraph
East London based Creative Agency with a passion for making brands explode online. We are Disruptive.
Block Quote
  • East London based Creative Agency with a passion for making brands explode online. We are Disruptive.
  • East London based Creative Agency with a passion for making brands explode online. We are Disruptive.
  • East London based Creative Agency with a passion for making brands explode online. We are Disruptive.
UnOrdered List
We are Disruptive.
Tagline

Colour

#1b1b1b
Black

#7c7c7c
Grey

#ffffff
White

Brand colours

#fcdf67
Define Yellow

#fc5e5b
Design Red

#2a9d8f
Develop Green

#264653
Deploy Blue

4D Colours

Imagery

Our imagery has consistency, we create a running theme with templates containing our brand filters.

Landmass 2
iPhone
Landmass 1
Download Presets (PSD/AI)

Logo

Define
Design
Develop
Deploy
Brand Icons
Twitter
Instagram
Facebook
Social Icons
Fonts
Imagery
Animation
Branding
Platform
Colour
Design
Utility Icons
Phone
Tablet
desktop
Device Icons
Develop

Develop

Website

Social

Sales

Brand Ambassadors

Brand Ambassadors help us do what we love and we provide you with all the necessary tools to help us grow together.

Marketing

Executive Onboarding

Just like our lead generation, we provide the tools to help market. Your account manager will provide you with these tools.

Develop

Develop

Communications

Trello

Our Trello boards act as our Project Document. Breaking the project down into smaller pieces will help content management and at the beginning of each stage, we conduct 'workshop' sessions to decide what we need to collaborate on and create.

Google Drive

Our way to store all important assets and information. Shared via the cloud with access options, here you will find the physical files we feed through each platform.

Webflow

All prototypes are designed in Webflow, this allows us to build pages with functionality and interactions allowing us to update and sign-off pages with ease.