group thing identity guidelines

8/14/2019 Group Thing Identity Guidelines

1/17

this is page of 7 groupthing

This document is areference to help usapply our visual identityappropriately on bothprint and screen.

groupthing is an initiativeowned, managed and developedby The Reading Agency.As such, we work withinThe Reading Agency guidelines.

2-3 Ourlogo / the parts /

the lock-up / the minimium size /

the exclusion zone

4-6 Ourcolours / print colours /

screen colours / what the technicalterms mean / examples of use /

black (mono) / white (white out) /

using background colour

7 Donts/ examples of incorrect usage

8-9 Ourtypeface / what it is / where to buy

it / how to use it / the history of the logo

typeface / the secondary typeface

10 Ourpattern / what it is / what to use on5 colour print, 4 colour (process) print

and screen

11 Suppliedles/ decison tree to ensure

we use and supply the appropriate le

from this disk

12-17 Reference / cyan / yellow / magenta /

green (PMS 7488) / white (knock out) /

black (mono)

Whatsthedifferencebetweenalogoandavisualidentity?

Our logo is the mark that we use as abadge that identies us.

Our visual identity is the full palette ofvisual materials that we use,including colours, typefaces (fonts),patterns, and logos.


2/17


Our LogoOur logo is composed of three elements. These are contained in a lock-up.This lock-up can include any of the faces that replace the o of our name.

. Our name

3. The faces

. The strapline

Together they form the logo lock-up

groupthing

Logo

Strapline

Lock-up


3/17

this is page 3 of 7 groupthing

Our LogoOur logo has a recommended minimiumsize to ensure legibility.

There is a recommended minimum size at which the logo should bereproduced. Going below the minimum size will make the text difcult toread, and therefore compromise the effectiveness of the logo.

Minimum recommended size for our logo is 45mm wide with the straplineand 30mm wide without the strapline

Our logo has an exclusion zone around it to stop other elementsinterfering with it, visually. The exclusion zone is the height of thelowercase g. We should avoid putting other logos, photographs,graphic elements and type within this area.

Adiamesequitioconsedeufeuipexerosnisl

initaliquisitemvulputaciliquisisitat.Wiseaad

dolorperat.Duisatemvelesequisislullafeuis

adignibheuiblafaciduisnonsectetuminet

lorperat.Utaddoloreetlandipitinullaconsequ

ametueconsectet,vullaacilitvelendredolorer

ciduntdoloripitpratet,commynosdeldolummy

Toodduissi.Tetloboreroduntnonetesectement

lafeuguerostrudtiemagnimquisnullutedolorsit

verat.Putadiodignafaciessimincilitnonsenimvendrersuscinutpatummodolorerciteveros

45mm 30mm


4/17


Printcolourreferences:

stationery / signage / brochuresleafets / laser / inkjet printers

NB to utilise the ull range ocolours we will need to printitmes on a fve colour press.

I that isnt easible then we willomit the Green (PMS 7488).

Screencolourreferences:

Powerpoint / email / websitesE-fyers / Myspace / Facebookinteractive white boards

NB because dierent screensemit dierent qualities o light,the colours will vary inappearance rom screen to screen.

Our coloursOur identity is built on a palette of ve colours. Cyan, Magenta,Yellow, Green (PMS 7488) and Black.

Process Cyan

C 00 M 0 Y 0 K 0

Process Magenta

C 0 M 00 Y 0 K 0

Process Yellow

C 0 M 0 Y 00 K 0

Green (PMS 7488)

n/a

Process Black

C 0 M 0 Y 0 K 00

R 0 G 73 B 39

00 AD EF

R 36 G 0 B 40

EC 00 8C

R 55 G 55 B 0

FF F 00

R 5 G 06 B 39

97 CE 8B

R 35 G 3 B 3

3 F 0

Processcolour(CMYK)

This is the colour system used for printing.Known as Process colours, there are fourstandard printing inks Cyan (C),Magenta (M), Yellow (Y) and Black (K) that are mixed together to make almost anycolour combination.

The colour mixes are dened in terms ofpercentage tints of each Process colour.

PantoneColours

These are specic colour references from thePantone Matching System (PMS). Pantone isthe industry standard on colour selection andis used as a reference point by all printers andsign makers.

Using this technology will ensure completeconsistency in colour across all communication.

Websafe(RGB)

Computers, televisions and any otherlight-emitting displays use a colourspectrum mixed from three colours Red (R),Green (G) and Blue (B).

The internet has adopted a standard paletteof colours that can be easily mixed from the RGBspectrum; these are known as Web safe colours.

Web safe

The bright colours areapplied to these elements.There are colour exampleson the next page.

These elements arealways reproducedin black

G G


5/17


Our Colours

In every instance we use the logo we ensure the colourused for the o of groupthing matches the colour used onthe strapline.


6/17


We can also use the logo on simple background colours.

Our ColoursOur logo also works in black (mono) and white (white out).


7/17


Donts

Do not use the logo on complicated backgrounds.

Do not stretch the logo. Do not compress the logo.

Do not change the colour of the type. Do not change the relationship between the elements.

Do not use backgrounds that lack contrast with the logo. The logo needsto be clearly visable.

Do not change the typeface. Do not change the relative size of any of the elements.


8/17


our typeface

We use two weights: regular and bold.

We use italics in both weights to distinguish

certain words, titles, names, foreign words,for emphasis and words produced assounds. We do not italicise punctuation.

We use the regular weight for copy and thebold weight for headers and to ensure thatgroupthing stands out in paragraphs.

groupthing never has a capital G, even whenused at the start of a paragraph.

Our minimium typesize is 8pt over0pt leading.

We adjust the letter spacing if it improvesreadability. For example, in headlines, somepairs of letters create awkward space, sothe space between them needs adjusting.Expanding or condensing the space betweencharacters is known as kerning.

In Adobe packages we use the termtracking to describe the adjustment ofgroups of letters in a block of text. Wecan use it to make text more open or dense.

On groupthing text we usually set thetracking to the default setting. Below area number of visual guides for body text.On the next page are a couple of visualguides for headings.

This is 8pt type over 0pt leading(tracking value 0) and it looks like thiswhen set as body copy.

Magna feugait, qui blam, core vel erat utullam exer ilit veliqua mconsent la conelendio nsequisi eu feuisi.

Im dolor iuscipis adignisi.

Ip elendre minci te consecte tismoddelesequat aci tet aliquis moloborperostrud ex ex eu facidunt wisis do ercilulla consequi blan volor sum elesentnosto commy nonullamet nos doloremodolor peraesto odipisl iriusto er ipisnulla feumsandre dolore vullandipitla commy num dit atis dionsequisisdolorem in et nonsed tincil erostisi.

Lor suscin eugiamcon velit velestrudmodolessecte venibh et praesectemagna ad diat lortie velis at. Ut volesemin ex etueros ad tio et dignissit, conhendit ing euipisi bla feugiat wissit veleuipis eugait veril dolor accummolentadigna feugait alit adigna faccummoddolor suscidunt wis ad euisi.

Ugait nullupt atinci tat dio odio od tin eufacidunt verci bla feugiat. Duis autemdolorer si.

Cum euis dit nulput lam vel euissim ditnim dolore feugait nonse euismodignafeugait velitSusto esequamet,quipsum nonse te consed moloreet, sitvullaoreros nosto et do od molore feu

This is 0pt type over pt leading(tracking value 0) and it looks likethis when set as body copy.

Magna feugait, qui blam, corevel erat ut ullam exer ilit veliquamconsent la con elendio nsequisieu feuisi.

Im dolor iuscipis adignisi.

Ip elendre minci te consectetismod delesequat aci tetaliquis molobor perostrud ex exeu facidunt wisis do ercil ullaconsequi blan volor sum elesentnosto commy nonullamet nosdolore modolor peraesto odipisliriusto er ipis nulla feumsandredolore vullandipit la commy numdit atis dionsequisis dolorem in etnonsed tincil erostisi.

Lor suscin eugiamcon velit

velestrud modolessecte venibhet praesecte magna ad diat lortievelis at. Ut volese min ex etuerosad tio et dignissit, con hendit ingeuipisi bla feugiat wissit vel euipiseugait veril dolor accummolentadigna feugait alit adignafaccummod dolor suscidunt wis ad

This is pt type over 4ptleading (tracking value 0)and it looks like this whenset as body copy.

Magna feugait, qui blam,core vel erat ut ullam exerilit veliqua mconsent lacon elendio nsequisi eu

feuisi.Im dolor iuscipis adignisi.

Ip elendre minci teconsecte tismoddelesequat aci tet aliquismolobor perostrud exex eu facidunt wisis doercil ulla consequi blanvolor sum elesent nostocommy nonullamet nosdolore modolor peraestoodipisl iriusto er ipisnulla feumsandre dolorevullandipit la commynum dit atis dionsequisisdolorem in et nonsedtincil erostisi. Lor suscin

OurtypefaceisiscalledDin.Itiswidelyavailableandcanbepurchasedfrom:

www.fontshop.com/fonts/downloads/fontfont/ff_din/

A B C D E F G H I J K L

M O P Q R S T U V W X Y Z

a b c d e f g h i j k l

m n o p q r s t u v w x y z

3 4 5 6 7 8 9 0

! @ $ % ^ & * ( ) +


9/17


our typeface

We have a secondarytypeface that we usefor occasional pull

quotes, facts, gures,fun and our strapline.This typeface is calledBokka, we use theShadow version.

We never write the wordgroupthing in Bokka.

This is a heading it is set at 4pt over8pt leading (tracking value 0)

This is a heading it is set

at 36pt over 40pt leading(tracking value 0)

The typeface used on ourlogo is North Bergen

North Bergen is a typefacedesigned by Pablo A. Medina

in 1996.

Pablo A. Medina designsand teaches in New York.He grew up betweenWashington DC and NewJersey where he skateboardsand listens to the Clash.

North Bergen is named afterthe Northern New Jerseytown. It is modelled afterthe lettering painted on thewall of a magazine store onBergenline Avenue.


10/17


Ourvisualidentitytoolboxcontainsapatternthatweuseasagraphicelementwhereappropriate.Therearethreeversionsofthepatternonourvisualidentitydiskforspecicapplications:

our pattern

5_colour_print_patternThis uses cyan, magenta, yellow andgreen (PMS 7488). To print this patternwith black type we will need to print on ave colour press.

4_colour_print_patternThis uses cyan, magenta and yellow.To print this pattern with black typewe will need to print on a four colour(process) press.

5_colour_screen_patternThis uses cyan, magenta, yellow and green.This le has been reduced in size to allow it todisplay quickly when used on screen. Do nottry and print from this le.


11/17


G

G

G

Supplied les

Thelogoissuppliedinvariousletypeswhichsuitdifferentapplications.Wecanusethisdecisiontreetoensurethatweareusingand/orsupplyingtheappropriatele.

in_house_jpg

Use on documents to beproduced/printed in house. Donot supply these les to printersor design suppliers.

print_tif

Use for leaets and posters.Supply these les to printers anddesign suppliers.

print_vector_eps

Use for printing at any size,without any loss of quality. Beforesupplying to a printer or designsupplier ensure that they acceptAdobe Illustrator eps les.

screen_png

Use these les for websites.Supply these les to your websitedesigner. Do not try and print fromthese les.

Onceyouhavedecidedwhichletypeisappropriateforthe

applicationchoosecolour

Choosewhichfacetouse

AliChris

Jake

Kate

Lucy

Martin Mike

Ralf

Rose

Sam

Shaun

SimonSue Zoe

Cyan Magenta Yellow PantonGreen Black White

G

G

Useand/orsupplythatle


12/17


Cyan


13/17


yellow


14/17


magenta


15/17


green (PMS 7488)


16/17


black (mono)


17/17


white (white out)

group thing identity guidelines

Documents