Brand Identity

Guidelines

Brand Logo Guide

The Logo

The Wood, Stone & Ivy Logo is a powerful symbol that stands as the primary visual representations of our brand. Our Logo acts as our signature and is the common thread among all our Work, Projects, and Products, as well as all forms of communication. Consistency is essential across all media, as we want it to be instantly recognizable.

Download the Wood, Stone & Ivy Logo

Using the Wood, Stone & Ivy Logo

The Wood, Stone & Ivy Logo is a powerful symbol that stands as the primary visual representations of our brand. Our Logo acts as our signature and is the common thread among all our Work, Projects, and Products, as well as all forms of communication. Consistency is essential across all media, as we want it to be instantly recognizable.

Safe Space

The Wood, Stone & Ivy Logo always needs safe space that is free of imagery and text surrounding it. Use half the first W’s width to determine the minimum amount of safe space that should surround the Logo.

This width can be used to determine the amount of safe space around the top and bottom of the logo as well. 

Misuse & What Not To Do

It is important that the appearance of the logo remains consistent. The logo should never be altered, modified, misinterpreted, or added to. You should not alter the logo in which it effects the orientation, color, or composition, other than what is indicated in this documentation.

DON'T

  • Change the spacing between the letters in the characters.
  • Use any colors other than approved Brand Colors.
  • Choose a different typeface for any of the characters or words. You shouldn’t switch the approved typeface for different words or sections of the logo.
  • Add visual effects like a drop shadow.
  • Change or replace the letters or words in any way.
  • Change the shape of the Logo
  • Visually use the Logo in a phrase or sentence.

Combination Mark

In practice, it’s rare for a brand to exclusively rely on a logomark or logotype alone – and a ‘lock-up’ of the two elements  is known as a combination mark. In some cases, the typography is integrated with the symbol – Starbucks, for instance. Other brands provide the option to keep the two separate for different applications, and most brand guidelines provide a selection of different options of what to do (and what not to do), according to the intended usage.

Logomark

Also called a brand mark – or ‘marque’ if you prefer – a logomark is all about communicating the essence of a brand through a graphic symbol. While this can be accompanied with the company name, the most powerful, memorable logomarks can stand alone as a visual shorthand for the brands they represent. It takes confidence to represent your business with a symbol alone, and companies often take years to build up sufficient brand recognition to get away with it. Generally speaking, the simpler the better for a compelling logomark – and crafting a simple shape that can communicate complex brand values is no mean feat. A useful exercise it to reduce your logomark to its simplest black-and-white outline form and see if it can still achieve brand recognition.

Logotype

In recent years, a huge trend in logo design has been simplification – and brands such as Burberry have stripped their logomark altogether in favour of a pared-back, all-caps logotype – also called a wordmark. Effectively, this is the polar opposite of a logomark, in which the company name is placed front and centre, with no accompanying symbol. Typeface choice is paramount, and while Peter Saville’s ultra-neutral sans-serif Burberry rebrand attracted criticism for stripping out too much character, other famous logotypes convey plenty of brand personality through their use of type. Other notable examples of logotypes rely strongly on their distinctive color palettes to make the brand association unmistakable.

Brand Theme Colors

Primary Colors

#000096

#FF0900

#D2AA6B

#0D1C2A

Secondary Colors

#4971FF

#263B5E

#2A323D

#0D1C2A

Text Colors

#282C39

#677294

#7B86AA

#A3AFD7

Accent Colors

#F8F9FA

#8492A6

#677294

#2D3644

UI Colors

The main UI colors are used for action buttons, alert messages, and form elements. Input fields, for example, can get positive and negative feedback, whereas alert messages can have warning feedback.

#0676EC

#00C99C

#FF9E00

#FF0038

#152395

#FF9C20

#00C99C

#F12699

#15B2EC

#793AFA

#FF5E00

Light Theme

Dark Theme

Branding Typography

Aa

Open Sans

Bold

Aa

Open Sans

300

Aa

Josefin Sans

Bold

Aa

Josefin Sans

500

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Brand Layout

Open Sans, 20pt size, bold & 300 font weight, 1 letter spacing, 1.3 lining. Left align.

Lorem Ipsum

Open Sans, 60pt size, bold font weight, 1 letter spacing, 1.3 lining. Left align.

Lorem Ipsum

Open Sans, 15pt size, 500 font weight, 1 letter spacing, 2 lining. Justify align.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Menu