27.03.2023 Views

Society's Brand Guidelines

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Society<br />

<strong>Brand</strong> <strong>Guidelines</strong> | 1.0


01 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

What’s<br />

Included<br />

Intro<br />

<strong>Brand</strong> Standards Start Here 02<br />

<strong>Brand</strong> Logo<br />

Primary Logo 04<br />

Primary Logo: Minimum Sizing 05<br />

Primary Logo: Clear Space 06<br />

Primary Logo: Colour Variations 07<br />

Common Errors 08<br />

<strong>Brand</strong> Colours<br />

Primary Palette 10<br />

Secondary Palette 11<br />

Common Errors 12<br />

Typography<br />

Primary Typeface 14<br />

Secondary Typeface 15<br />

Hierarchy and Weight 16<br />

Top Typography Tips 17<br />

Common Errors 18<br />

Visual Identity Style<br />

Graphics 20<br />

<strong>Brand</strong> Photography 21<br />

People Photography 22<br />

Thank You 23<br />

Contacts and Approvals 24


02 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

<strong>Brand</strong> Standards Start Here<br />

Welcome to our <strong>Brand</strong> <strong>Guidelines</strong><br />

This is our brand DNA. An essential ‘how to’ create and<br />

communicate with consistency and confidence.<br />

Our brand values and ethos are strong. And the way we<br />

work, create and collaborate should reflect that. We want<br />

to be seen. Be heard. And be instantly recognisable.<br />

Within these pages, you can learn or refresh your<br />

knowledge of the brand. Read it cover to cover or dip<br />

in and out as you reference visual and tonal cues.<br />

Every element mentioned is crucial to the alignment<br />

and impact we create. And everyone’s welcome –<br />

from designers and vendors to front-of-house. If you’re<br />

part of our team, you’re part of our house rules.<br />

From our founding story to our promising future, every<br />

innovation and collaboration will take us forward.<br />

And we’re excited for you to join us on the journey.<br />

Instead, use them to empower you and align your work<br />

with our signature style. No matter how abstract or daring<br />

it might be. There’s a time for conservative and a time for<br />

controversy. We’re a bit of both. It’s all about balance.<br />

The Only Constant is Change<br />

This is a working, living, evolving document. Refer back<br />

to it often to discover the next chapter. While we’re<br />

established, we’re still evolving. And through each new<br />

era, we aim to remain current and future ready.<br />

A Final Note on Permissions<br />

Please double check you have authorisation to use our<br />

brand materials, including resources, graphics and visual<br />

elements. If you’re unsure, just get in touch with those<br />

listed on the contacts and approvals page in this<br />

document and they’ll point you in the right direction.<br />

All good? Let’s go.<br />

In a Sea of Italics Be Bold<br />

We hate the word ‘rules’. But there are certain guidelines<br />

that we must stick to in order to remain consistent,<br />

together. Stick within these parameters, but never<br />

let them limit your creativity.


03 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

<strong>Brand</strong><br />

Logo<br />

Our Symbolic Anchor<br />

of <strong>Brand</strong> Identity<br />

Our logo is our No. 1 brand<br />

ambassador. Always iconic,<br />

never overlooked. It’s how we<br />

stand out in a saturated market.<br />

And it’s a promise of enduring<br />

quality, consistency and reliability.<br />

With that in mind, it’s vital that<br />

our logo is always presented<br />

accurately in every execution.<br />

To do that, please read on.


04 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Primary Logo<br />

Our primary logo has timeless, dynamic simplicity<br />

and instantly identifies our brand. Use this logo as<br />

an authenticity stamp. We only put our name to<br />

the absolute best. Wherever it appears, it’s a solid<br />

reassurance of the creativity, collaboration and<br />

innovation behind the scenes.<br />

Remember!<br />

This logo is a carefully crafted piece of locked artwork.<br />

It should never be altered in any way.


05 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Primary Logo<br />

Minimum Sizing<br />

5mm or 25px<br />

This version is not intended for extremely small sizes. The minimum<br />

height is 5mm for print applications and 25px for digital applications.<br />

Clarity is key. To ensure our logo is legible and<br />

recognisable, it’s important to maintain optimal<br />

and minimal logo sizing.<br />

Remember!<br />

Never reproduce our logo smaller than the minimum<br />

size listed on this page.<br />

Use your natural eye first and these guidelines<br />

second. If legibility is an issue, opt for the biggest size<br />

(within reason). In some cases, it may be acceptable<br />

to use the minimum size. But always sense-check.<br />

If something doesn’t look right, it probably isn’t.


06 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Primary Logo<br />

Clear Space<br />

Cut the clutter. Clear space, white space or negative<br />

space is the area that surrounds the logo, free from<br />

any other graphical element.<br />

Remember!<br />

At a minimum, there should be clear space equal to<br />

the height of the [S] on all four sides of the logo mark.<br />

We use this to give our logo presence, help it stand out<br />

from the other elements on the page and ensure legibility,<br />

even at small sizes. If you’re unsure, go for more.<br />

Maximizing clear space always supports and never<br />

distracts from logo definition.


07 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Primary Logo<br />

Colour Variations<br />

To be used over light backgrounds<br />

To be used over dark backgrounds<br />

To be used over light backgrounds<br />

To be used over dark backgrounds<br />

Life is vibrant. Our brand celebrates that. Each brand<br />

logo lockup has several colour variations, for use<br />

on different background types, tones and colours.<br />

Remember!<br />

Always take care to ensure logo legibility on the final<br />

media or materials used.<br />

There’s a whole spectrum of potential. But when<br />

in doubt, use the most legible version of the logo<br />

for the available background.


08 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Common Errors<br />

Lost in Translation<br />

Do not stretch, squash, skew, or distort<br />

the logo in any way.<br />

Do not edit the logo colour, use an off-brand<br />

colour, or reduce the logo opacity.<br />

Do not add graphic effects to the logo,<br />

including drop shadows.<br />

Proposal by:<br />

Thank you.<br />

Do not place the logo on a high contrast<br />

pattern or busy photograph.<br />

Do not change the layout or relationship<br />

between logo elements.<br />

Do not encroach on the required clear<br />

space surrounding the logo.<br />

Our logo is a very carefully considered asset that<br />

should be used in adherence with the guidelines<br />

set out in the document.<br />

This goes for the placement of the logo onto<br />

photographs, textures and patterns too.<br />

Sense check and ensure that both close-up<br />

and from a distance, the logo is legible and clear.


09 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

<strong>Brand</strong><br />

Colours Colour<br />

Theory 101<br />

Colour theory is an integral part<br />

of branding and design. The colours<br />

we chose to represent our brand are<br />

symbolic of who we are, what we<br />

stand for and how we relate to<br />

people internally and externally.<br />

They set us apart and help us to<br />

evoke emotion and character.<br />

With that in mind, it’s vital that our<br />

colours are reproduced with precision<br />

and consideration.<br />

The following section covers our<br />

colour guidelines in more detail.


10 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Primary Palette<br />

Dark Grey<br />

PMS (Coated): 425<br />

PMS (Uncoated): 433<br />

CMYK: 0 0 0 80<br />

RGB: 88 89 91<br />

HEX: #58595b<br />

Yellow<br />

PMS (Coated): 116<br />

PMS (Uncoated): 108<br />

CMYK: 0 14 100 0<br />

RGB: 255 205 0<br />

HEX: #FECB00<br />

White<br />

RGB: 255 255 255<br />

HEX: #ffffff<br />

Our primary colour palette forms the visual foundation<br />

of our brand and helps people to recognise us. Aside from<br />

specific recommendations within this guide, these colours<br />

should always be in play, across all touchpoints.<br />

Using the Pantone Matching System is highly recommended<br />

to ensure colour consistency and impact. If Pantone<br />

colour matching is not available or out of budget,<br />

please take great care to match the specific colour<br />

references above with precision.


11 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Secondary Palette<br />

100%<br />

80%<br />

60%<br />

40%<br />

20%<br />

Charcoal: PMS (C) 419 / PMS (U) 5463 / CMYK 75, 65, 60, 79 / RGB 32 34 33 / HEX #202221<br />

100%<br />

80%<br />

60%<br />

40%<br />

20%<br />

Mid Grey: PMS (C) 422 / PMS (U) 422 / CMYK 0 0 0 40 / RGB 166 168 171 / HEX #a6a8a<br />

100%<br />

80%<br />

60%<br />

40%<br />

20%<br />

Light Grey: PMS (C) 420 / PMS (U) Cool Grey 1 / CMYK 0 0 0 10 / RGB 229 230 231 / HEX #e5e6e<br />

100%<br />

80%<br />

60%<br />

40%<br />

20%<br />

Petrol: PMS (C) 7476 / PMS (U) 323 / CMYK 89, 25, 38, 54 / RGB 12 83 88 / HEX #0c535<br />

100%<br />

80%<br />

60%<br />

40%<br />

20%<br />

Teal: PMS (C) 3533 / PMS (U) 3245 / CMYK 51, 0, 23, 0 / RGB 105 219 200 / HEX #69dbc<br />

100%<br />

80%<br />

60%<br />

40%<br />

20%<br />

Light Blue: PMS (C) 7457 / PMS (U) 7457 / CMYK 25, 0, 0, 0 / RGB 188 229 238 / HEX #bce5e<br />

Our secondary palette has been chosen to highlight or<br />

complement our primary colours. These are to be used<br />

sparingly in situations that require a broader spectrum<br />

of colours, for example, on our website or sales and<br />

marketing collateral.<br />

If necessary, use a 20% tint step system, keeping legibility<br />

in mind. Any tint below 60% used as a background will<br />

require dark text.


12 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Common Errors<br />

Don’t Colour Outside the <strong>Guidelines</strong><br />

Don’t<br />

Don’t<br />

Don’t<br />

Don’t use any colours other than those<br />

specified in the brand palette.<br />

Don’t use transparent text.<br />

Don’t use colours along side each other<br />

that have insufficient contrast.<br />

Don’t<br />

Don’t<br />

Don’t<br />

Don’t use colours together that clash.<br />

Don’t use yellow (or other light colours)<br />

for type on a light background,<br />

especially at smaller sizes.<br />

Don’t combine too many colours at once.<br />

Our colour schemes have been developed to create<br />

impact, not confusion. Everyone should always be able<br />

to read what we write and see what we make. But with<br />

so much choice available, it’s easy to get side-tracked.<br />

With that in mind, always make sure that you ask yourself<br />

these questions before deciding on an execution. Is it on<br />

brand? Is there enough contrast between the colours for<br />

it to be legible? Are the dominant colours of the piece<br />

from the primary palette?


13 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Typography<br />

Just Our Type<br />

We follow fonts to the letter. Our font<br />

family is aligned with our overarching<br />

brand identity. That’s because<br />

typography can be just as impactful<br />

as graphical elements.<br />

Font consistency delivers distinctive<br />

visual impact. The way we<br />

communicate with letters, numbers<br />

and symbols are all part of the<br />

bigger brand picture. We believe<br />

typography should strike a balance<br />

between legibility and interest.<br />

The following section will cover<br />

approved typefaces, the way we<br />

use typography to communicate<br />

clearly and some helpful usage tips.


14 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Primary Typeface<br />

Our Go-To Font<br />

The typeface we choose for all brand executions:<br />

Gilroy<br />

Gilroy was designed by Radomir<br />

Tinkov, Gilroy is a modern sans serif<br />

with a geometric touch. It comes<br />

in 20 weights, 10 uprights and its<br />

matching italics, and includes<br />

a wide array of glyphs, weights,<br />

and special features. We love it.<br />

Our primary typeface should be<br />

used most often – particularly for<br />

most heading styles, body copy,<br />

standfirsts, and captions.<br />

Fallback typeface (free Google font):<br />

Albert Sans<br />

Albert Sans is for use when the<br />

primary typeface is not available,<br />

for example in PowerPoint<br />

presentations or in Word documents.


15 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Secondary Typeface<br />

Our Supporting Font<br />

The typeface we choose for all brand executions:<br />

Nantes<br />

Nantes is a serif typeface designed<br />

by Luzi Gantenbein. It was released<br />

through Luzi Type in 2016. The design<br />

features distinctive teardrop terminals<br />

on the lowercase a and c. The family<br />

is available in three weights with<br />

matching italics.<br />

Our secondary typeface should<br />

be reserved for impactful headings<br />

at a high-level, and any other<br />

supporting elements such as<br />

key statistics, large numbers and<br />

pull-out quotes.<br />

Fallback typeface (free Google font):<br />

Baskervville<br />

Baskervville is for use when the<br />

secondary typeface is not available,<br />

for example in PowerPoint<br />

presentations or in Word documents.


16 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Hierarchy and Weight<br />

Primary<br />

Secondary<br />

Gilroy/Light:<br />

abcdefghijklmnopqrstuvwxyz<br />

Nantes/Book:<br />

abcdefghijklmnopqrstuvwxyz<br />

Available weights:<br />

Thin + Italic<br />

Ultra light + Italic<br />

Light + Italic<br />

Regular + Italic<br />

Medium + Italic<br />

Semibold + Italic<br />

Bold + Italic<br />

Extra bold + Italic<br />

Black + Italic<br />

Heavy + Italic<br />

Available weights:<br />

Light + Italic<br />

Book + Italic<br />

Regular + Italic<br />

Semibold + Italic<br />

Bold + Italic<br />

You can’t whisper and shout at the same time. There’s a<br />

time and a place for every kind of type. And we’re here to<br />

help guide you with them.<br />

Using a contrast of heavy and lighter weights to<br />

communicate boldness and subtleties is key. This is<br />

known as the hierarchy of information. Sometimes it<br />

helps to read a title or piece of text aloud, to really<br />

bring it to life and give it a test of character.


17 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Top Typography Tips<br />

01<br />

Stay Left-Aligned Rag Right<br />

Legibility and clarity are vitally important to great<br />

typographic layouts. In English, we read from<br />

left to right, so we should align our type accordingly.<br />

02<br />

Skip Weights and Double the Size<br />

Contrast is the name of the game when it comes<br />

to great design. When in doubt, skip a weight when<br />

pairing two weights, and double the size between<br />

two text elements.<br />

03<br />

Align X-Heights or Baselines<br />

Whenever you place text next to each other,<br />

either align the baselines (the line that the bottom<br />

of a lowercase x sits on) or align the x-heights<br />

(the top of a lowercase x).<br />

04<br />

Watch the Rag<br />

When setting paragraphs, keep an eye on the right<br />

(ragged) edge. If the rag unintentionally creates<br />

a recognisable shape, consider tweaking the<br />

language or resizing the text area. Also, try to<br />

prevent single-word lines (orphans) where possible.<br />

05<br />

Give Things Space if Needed<br />

Negative space, clear space or white space around<br />

elements is extremely important. That being said,<br />

if informational elements belong together, move them<br />

closer together. Use grouping wisely, just try not to<br />

cram too many things into one space.<br />

06<br />

Keep Line Length Reasonable<br />

It is easy for the reader to get lost in long lines of<br />

text and short ones are easily ignored. It’s best<br />

to keep lines between 45 and 70 characters long,<br />

depending on the size of the font. This will ensure<br />

legibility as the font sizes increase or decrease.


18 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Common Errors<br />

A Checklist for Type Perfection<br />

w r ong<br />

wrong<br />

Keep tracking, kerning, and leading<br />

reasonable and legible. Do not stray<br />

far from the examples in this guide.<br />

Try to avoid using centered or completely<br />

justified alignment for multi-line text.<br />

Do not use unauthorised fonts or<br />

typefaces. The only exception is stylised<br />

merchandise or illustrations on a case-bycase<br />

basis.<br />

wrong<br />

wrong<br />

wrong<br />

Do not use a stroke or outline on<br />

typography. Also avoid using a drop<br />

shadow on typography at all costs.<br />

Do not use typography on any angle<br />

other than 0° or 90°. Our typography<br />

should always read up if 90°.<br />

Do not stretch, squish, or otherwise<br />

mangle typography. Use the appropriate<br />

weight instead.


19 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Visual<br />

Identity<br />

See the Bigger Picture<br />

Powerful branding is simple and<br />

dynamic, aligning finer elements<br />

with the theme of the overall design.<br />

While brand consistency relies<br />

heavily on logo usage, colour and<br />

typography, there are other key<br />

visual elements and compositions<br />

that play a key role in the overall<br />

brand identity.<br />

In this section we’ll be covering<br />

approved visual elements for<br />

our brand.


20 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Graphics<br />

Graphic A: Dominoes Graphic B: Ripple Graphic C: Reaction<br />

Society activate a chain reaction of positive impact<br />

in the world.<br />

Our core three graphics act as a metaphor to illustrate<br />

this dynamic. They use concentric circles that radiate<br />

outwards from a central dot, that represents the<br />

candidate as a catalyst - initiating change within their<br />

environment, in their own way.<br />

Remember!<br />

These graphics are carefully crafted pieces of<br />

supplied artwork. Their forms should never be altered<br />

in any way, however they may be recoloured to suit<br />

their backgrounds, as long as the dot remains<br />

yellow (or white if reversed out of yellow).


LONDON • NEW YORK • AUCKLAND<br />

The Fulwood<br />

4 Fulwood Place<br />

London WC1V 6HG<br />

United Kingdom<br />

+44 (0)207 935 4052<br />

hello@society-search.com<br />

society-search.com<br />

Society Limited Registered in England and Wales, No. 6917936<br />

STRICTLY PRIVATE AND CONFIDENTIAL<br />

LONDON • NEW YORK • AUCKLAND<br />

The Fulwood<br />

4 Fulwood Place<br />

London WC1V 6HG<br />

United Kingdom<br />

+44 (0)207 935 4052<br />

hello@society-search.com<br />

society-search.com<br />

Society Limited Registered in England and Wales, No. 6917936<br />

STRICTLY PRIVATE AND CONFIDENTIAL<br />

21 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Image Style<br />

<strong>Brand</strong> Photography<br />

Anonymous University<br />

Appointment of a University Secretary<br />

Candidate Review Document<br />

December 2022<br />

Anonymous University<br />

Appointment of a University Secretary<br />

Candidate Review Document<br />

December 2022<br />

Catalysts:<br />

Example cover 1 Example cover 2<br />

Impacts:<br />

<strong>Brand</strong> photography is a high-level image style that can<br />

be used in corporate communications, for example when<br />

talking about the company’s offer.<br />

Our conceptual image style replicates the visual idea<br />

seen within our core three graphics. Yet again the<br />

central dot becomes the catalyst, and the background<br />

represents the positive impact with the world.<br />

All catalysts should be used with a core graphic,<br />

and either with or without a background image,<br />

as seen above.<br />

The images have been colour balanced to reflect<br />

the brand colour palette, and natural instances<br />

of yellow have been included where possible.


22 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Image Style<br />

People Photography<br />

Team Photography<br />

Candidate Photography<br />

We have two kinds of people photography - team and candidate photography.<br />

Team photography should be shot against a white wall,<br />

so that it can be cut-out and used over a coloured<br />

background. Always crop them similarly (head & shoulders),<br />

to help standardise their appearance. The border width on<br />

these circles shown here are 2pt, but balance the chosen<br />

width accordingly with the application being designed.<br />

Candidate photography will be supplied to us, but try<br />

to obtain colour images and place them in a circle to<br />

represent catalysts. Always crop them similarly (head<br />

& shoulders), to help standardise their appearance.<br />

The border width on these circles shown here are 2pt,<br />

but balance the chosen width accordingly with the<br />

application being designed.


23 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Thank You<br />

Knowledge is power. But what’s even more powerful<br />

is when we’re all on the same page. Thank you for<br />

taking the time to read our guidelines. We hope you<br />

now feel confident and up-to-speed with our brand ethos,<br />

principals and processes.<br />

Please remember that these guidelines were created<br />

to ensure maximum brand impact and recognition.<br />

They are never intended to limit creativity.


24 | Society | <strong>Brand</strong> <strong>Guidelines</strong><br />

Contacts and Approvals<br />

Our Creator-Friendly Support<br />

Team is Just a Click Away<br />

Whatever guidance or support you need,<br />

we can help you join the dots. Though we’re<br />

in different departments, we’re all connected.<br />

For troubleshooting big or small, especially<br />

when working on brand execution, please get<br />

in touch with one of the contacts listed below.<br />

Christiane Baehr<br />

Chief Operating Officer<br />

christiane.baehr@society-search.com<br />

+44 (0)203 653 0472<br />

Sarika Gohil<br />

Executive Assistant and Head of Engagement<br />

sarika.gohil@society-search.com<br />

+44 (0)203 653 0469


<strong>Brand</strong> guidelines created by<br />

Naked Ideas (nakedideas.com)<br />

Version: 1.0<br />

Last updated: March 2023

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!