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.and it's shared folders.

Our team adapt our approach to suit your needs and this is reiterated through our clientele, having grown brand awareness within several industries and ranging service across Branding, Internal Communications, Digital/Social Identity, Print and Advertisements. Typical deliverables include;

+ Logo Design & Development
+ Development of Public and Internal Logo Usage Guidelines.
+ Development of Public and Internal Use Visual Identity Guidelines.

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

  • Brand Positioning
  • Brand Idea
  • Mood Boards

Design

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

Develop

  • Website
  • Social
  • Internal
  • Sales
  • Marketing

Deploy

  • Information Architecture
  • Communications
  • Training

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

Brand Guidelines
The foundations of your new website. We begin our digital phase creating the building blocks that will flow through the sites pages. This is a great tool for to help gain a visual picture of the sites finer details and can be used both internally and externally for lots of different types of content.

Voice, Tone & Style
The voice and tone of websites gives the first impression within seconds. Style comprises how the content and design complement each other and enable your visitors to decide how they feel about your story.

UX
User experience design is the process of developing and improving the quality of interaction between a user and all facets of a company. We begin by creating a sitemap, our model of the website's content and userflow. We will create a hierarchical list of pages with mapped sections and links.

This stage is designed to help both users and search engines navigate the site.This stage also focuses on content collation. Using our predetermined folder system, we will begin building out the content which will gradually be fed into the sites build.

Wireframes
This is our structural layout of the sites content, a basic frame to which we inject our branding guideline and content. We pay close consideration to the content creation stages and how it will be laid out best within the site to maximise engagement.

Creative Design
We will then take all the information and design created and begin feeding it into the wire-frames of the site to mock-up how the website looks and behaves. This includes a full round of reviews before signing off and moving into the build of the site. (Please see our Project Terms)

Template Creation
Once the design of the website has been signed-off, we then begin to create templates for each individual page of the site. We begin with the homepage, bringing the page to life with interactive elements.Brand Guidelines

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

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.

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

#cecece
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.

Download Presets (PSD/AI)

Logo

Brand Icons
Social Icons
Utility Icons
Device Icons

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

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.