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.
Explore
Learn
Account
Connect
Help & Support
© 2021 New Latitude Consulting. All Rights Reserved.