Branding guidelines - Digital Workplace Group

Page 1

Digital Workplace Group Group brand and family style guide and usage version 2

style guidelines


contents 01 Introduction

1

09 Fonts

17

02 Group logos

2

10 Font styles in print

18

8

11 Stationery and pull-up display

20

03 Event logos, icons & award marks 04 ibf sub brand colours

10

12 Word based reports

22

05 Logo minimum clear space

13

13 Presentations

23

06 Scale and minimum size

14

14 Illustration / graphics

22

07 Black and white version

15

15 Further advice

28

08 Not acceptable logo use

16


01 introduction

The following chapters will explain the new identity of the Digital Workplace Group. These guidelines will help to create new media based on the new visual appearance of the DW Group. Family brand and construction Each logo for the DW Group consists of a wordmark and a visual element. An important goal is to make people see at first glance that the different brands belong to one family. This strong visual appearance is created by: - a unified type arrangement - a similar form language. The type of wordmark consists of the abbreviated name of the company written in lowercase Frankin Gothic. The visual consists of circles, which differ by colour and arrangement. It should not be used alone without the wordmark as a logo. For specific applications such as Social Media platforms there are logo variants explained on page 16 in this manual.

1


02 group logos

The group logo is created from elements of the four subsidiary logo types.

2


02 group logo

Print

Screen

CMYK 74 / 17 / 0 / 0

CMYK 45 / 100 / 10 / 1

RGB 23 / 165 / 222

RGB 156 / 25 / 129

HEX #17A5DE

HEX #9C1981

CMYK 0 / 90 / 99 / 0

CMYK 0 / 99 / 0 / 0

RGB 239 / 67 / 35

RGB 235 / 0 / 139

HEX #EF4323

HEX #EB008B

3


02 ibf logo

Print

CMYK 74 / 17 / 0 / 0

Screen

CMYK 60 / 4 / 2 / 0

RGB 23 / 165 / 222

RGB 115 / 186 / 231

HEX #17A5DE

HEX #73BAE7

4


02 dwf logo

Print

CMYK 45 / 100 / 10 / 1

Screen

CMYK 27 / 76 / 0 / 0

RGB 156 / 25 / 129

RGB 185 / 93 / 166

HEX #9C1981

HEX #B95DA6

5


02 dwg logo

Print

CMYK 0 / 90 / 99 / 0

Screen

CMYK 0 / 65 / 58 / 0

RGB 239 / 67 / 35

RGB 244 / 127 / 86

HEX #EF4323

HEX #F47F56

6


02 tecl logo

Print

CMYK 0 / 99 / 0 / 0

Screen

CMYK 4 / 82 / 0 / 0

RGB 235 / 0 / 139

RGB 241 / 76 / 173

HEX #EB008B

HEX #F14CAD

7


03 event logos & social icons

event logos

Digital Workplace 24 Hours in the World’s Digital Workplace

Facebook / twitter icons

People icons

8


03 award logos

ibf awards mark

ibf my beautiful intranet mark

9


04 ibf sub brand colours

ibf sub brand colours were created to represent the four benchmarking areas.

10


04 ibf sub brand colours

Strategy & Governance

Communication & Collaboration

Print

Print

Screen Main

CMYK 74 / 17 / 0 / 0

Main RGB 23 / 165 / 222

HEX #17A5DE

Tint 50% CMYK 42 / 2 / 3 / 0

CMYK 100 / 0 / 90 / 20

RGB 0 / 140 / 79

HEX #008C4F

RGB 127 / 197 / 79

HEX #7FC5A7

RGB 178 / 220 / 202

HEX #E5F3ED

Tint 50% RGB 139 / 210 / 238

HEX #8BD2EE

Tint 10% CMYK 8/0/1/0

Screen

CMYK 51 / 2 / 43 / 0

Tint 10% RGB 231 / 246 / 252

HEX #E7F6FC

CMYK 30 / 1 / 24 / 0

11


04 ibf sub brand colours

Metrics & Performance

Usability

Print

Print

Screen Main

CMYK 0 / 100 / 70 / 0

Main RGB 237 / 24 / 71

HEX #ED1847

Tint 50% CMYK 0 / 57 / 15 / 0

CMYK 70 / 100 / 0 / 0

RGB 111 / 44 / 145

HEX #6F2C91

RGB 183 / 149 / 200

HEX #B795C8

RGB 240 / 233 / 244

HEX #F0E9F4

Tint 50% RGB 246 / 139 / 163

HEX #F68BA3

Tint 10% CMYK 0 / 11 / 2 / 0

Screen

CMYK 28 / 44 / 0 / 0

Tint 10% RGB 253 / 231 / 236

HEX #FDE7EC

CMYK 4/8/0/0

12


05 minimum logo clear space It is important that there is enough space maintained around the logo to clearly convey the image without visual distractions.

x x

x

x x

A space equal to the diameter of the smallest circle in the picture mark should be maintained around all sides of the logo.

x = diameter

13


06 logo minimum size

The ideal size for the logo at 100% is a size of 64 mm x 41 mm (including the minimum white space around the logo).

Ideal size

Points to consider Logos in a vector format can be scaled without any loss of quality. Logos in Adobe Photoshop eps, tif, png, gif or jpg require rerendering. Their applicability depends on the resolution of the file. Scaling down the logo is generally allowed to 50% or a size of 32.5 mm x 17.5 mm for printed media or a minimum width of 120 pixels for on-screen media.

64 mm x 41 mm

Minimum size

Print 32.5 mm x 17.5 mm

Screen 120 pixels

14


07 black and white logos

Use these logos should only be used if there are no possibilities for a coloured version. CMYK 0 / 0 / 0 / 70

RGB 109 / 110 / 113

HEX #6D6E71

CMYK 0 / 0 / 0 / 35

RGB 177 / 179 / 182

HEX #B1B3B6

Reversed logo example

15


08 unacceptable logo use

Never use anything but the approved logo.

Examples of unacceptable use of logo

• DO NOT attempt to create or reproduce your own logo

dwg

Digital Workplace Group

• Do not change the arrangement of the circles in the logo • DO NOT change the logo font • DO NOT stretch or alter the logo’s proportions or negative space • DO NOT reproduce the logo in colours that have not been approved • DO NOT use the logo on a busy image or add effects (e.g drop shadow) • DO NOT use the full colour logo version on dark backgrounds • DO NOT attach anything to the logo • DO NOT break up or use one part of the logo, always keep it whole • DO NOT use the logo as part of a sentence or phrase • DO NOT alter the orientation of the logo

16


09 fonts

As an integral part of DWG’s brand – is the use of typography. These fonts are DWG’s unique handwriting style and reinforce the personality of our identity. The Franklin Gothic font should be used as the primary typeface for all communication. The Arial font should be used for all electronic communication where the Franklin Gothic font family is not supported.

Primary font

Frankin Gothic Book

Franklin Gothic Demi

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!”’#$&%()+/?@

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!”’#$&%()+/?@

Frankin Gothic Book Italic

Franklin Gothic Heavy

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!”’#$&%()+/?@

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!”’#$&%()+/?@

Secondary or electronic font

Arial

Arial Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!”’#$&%()+/?@

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!”’#$&%()+/?@

Arial Itallic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!”’#$&%()+/?@

17


10 font styles in print

Typical report/fact sheet cover

We always use left aligned text as well as upper and lower case. Our type should always appear in 80% black. In certain circumstances such as support copy or secondary information it is allowed to use the logo colour as a second type colour.

Intranet Benchmarking Forum IBF transforms intranets and the teams behind them

Headline 2 Franklin Gothic Book, 38pt text on 35pt leading

Headline 3 Franklin Gothic Heavy, 25pt text on 23pt leading

2013 Research Programme

Of the world’s top companies...

20% are IBF members

www.ibforum.com

Headline 1 Franklin Gothic Heavy, 38pt text on 35pt leading

www.ibforum.com

Over

200 live intranet tours

500

intranet sites benchmarked

Info graphs Franklin Gothic in various text sizes and weights, flexible area to illustrate key points

Web address Franklin Gothic book, 22pt text

18


10 font styles in print

Typical report/fact sheet page

Headline Franklin Gothic Heavy, 18pt in sub brand colour Services IBF transforms intranets and the teams behind them Opening statement Franklin Gothic Heavy, 80% black IBF 9pt Public in & Not-For-Profit IBF Global Benchmarkin

Return on investment Joining IBF is the best investment in your intranet you will ever make

Description The Intranet Benchmarking Forum has been providing leadership in measurement, interaction and best practice to the intranet industry for 10 years. For IBF members this means:

Sector Membership

• A membership that pays for itself via the potential savings made through process improvement, reduced consultancy fees and faster decision making.

Text Franklin Gothic Book, 9pt text on 11pt leading Strategy & Governance: How well do you 80% lead and manageblack your intranet?

• A wealth of evidence-based insights and best practices drawn from peer organizations and our benchmarking framework, allowing better and faster technology decisions.

Metrics & Performance: How well do you measure your intranet’s performance and value?

Usability: How well designed and usable is your intranet?

• A world-class intranet that continues to improve year after year with all the benefits that flow from this, including unified communications, operational efficiency and higher employee engagement.

(Expert usability review*, optional user survey & report back meeting)

Communication & Collaboration: How well does your intranet support internal communications and the collaboration needs of an organization?

IBF’s Public & Not-For-Profit Sector membership offers organisations in these sectors affordable access to these benefits. It enables high performance intranets as a core component of new ways of working and efficiency across these sectors.

(Comparison against other Public & Not-For-Profit Sector members only)

Subheadings Franklin Gothic Heavy, 10pt in sub brand colour (Extended version to include strategy, metrics, communication & collaboration questions)

IBF member organisations have reported the following business benefits achieved through their membership of IBF:

Interaction

• Greater productivity and effectiveness

2-day member meetings and site visit

• Technology optimization • Cost savings and spending avoidance

(1 per year in relevant region, up to 3 delegates)

• Improved risk management • Better customer service

(3 per year hosted at member offices, at least 1 delegate)

An extended benefits list with member cost benefit examples is available on request. Find out what members say about our service on the IBF website.

• £12,500 per annual membership (see Services for details of what this includes).

CMYK 0 / 0 / 0 / 80 RGB 88 / 89 / 91

Quote/Fact Heading IBF Live & DW 24 Franklin Gothic Demi, 11pt, uppercase, 80% black IBF Member Extranet Quote Franklin Gothic Book, 9pt, italic, sub brand colour (textNetwork size can very depending on size of quote) IBF Yammer Bullets Research Franklin Gothic Book, 9pt on 11pt leading, IBF Research Programme sub brand colour with 5mm indent Online Knowledge Exchanges

What it costs

• Details of multi-year membership costs available on request.

(8 per year across UK, Europe and North A up to 3 delegates)

Half day member meetings and site visit

• Lower environmental impact

80% black colour breakdown

Comparison against other Global and Re members only)

Member survey: comparison of member key intranet statistics.

Benefits

• £9,750 discounted annual price for founder members where payment is received by 31 December 2012.

(Expert usability review, user testing, op user survey & report back meeting

Bullet points Franklin Gothic Book, 9pt text on 11pt leading sub brand colour with 5mm indent Benchmarking League Table

• Motivated, innovative and energized intranet teams able to receive inspiration on-demand, resulting in regular “eureka moments” and gaining the confidence of key stakeholders.

HEX #58595B

Membership

Benchmarking

IBF RESEARCH QUICK FACTS: • Exclusive library of c.40 reports • 6+ new reports per year • Member led topics • 9000+ member downloads • Basis for decision making • Rich source of ideas and case studies

(Unlimited access to live sessions – usually 12-24 per year)

(Unlimited access to live sessions - usuall per year - plus recording archive on extr

(Access to live sessions only – 12 episodes per year plus DW 24)

(Access to live sessions – 12 episode per y DW 24 & recording archive on extran

(50 extranet places to access research a benchmarking knowledge base, video and r libraries as well as all news and even

(Private Yammer community for Public & Not-For-Profit Sector group)

(Choice of 2 papers per membership year from IBF research archive or new programme)

Private Yammer community for Global/ Regional group)

(6 new papers per year plus unlimited acc 40+ archive on extranet)

Public Sector Insight briefings

www.ibforum.com

(3 insight briefing papers per year on public sector intranet key topics)

Web address Franklin Gothic book, 22pt text

*IBF’s Expert Usability Review assesses the intranet based on the following key criteria: content, design, findability, coherence, engagement and accessibili

19


11 stationery

UK based business card size

Paul Miller CEO & Founder Digital Workplace Group London | New York

The format of the UK based business cards is 85 x 55 mm

Tel: +44 (0) 7785 255883 Email: Paul.Miller@digitalworkplacegroup.com Twitter: @paulmillersays

Front

www.digitalworkplacegroup.com

Back

US based business card size

The format of the US based business cards is 95.25 x 57.15 mm

Angela Pohl Managing Director Intranet Benchmarking Forum (Part of the Digital Workplace Group) London | New York Tel: +1 440 488 2377 Email: Angela.Pohl@digitalworkplacegroup.com Twitter: @ibf

Front

www.ibforum.com

Back

20


11 stationery & display panel

Other business cards

Julie Lakha Head of DWG Consulting Services DWG Consulting Services (Part of the Digital Workplace Group) London | New York Tel: +44 (0) 7956 453267 Email: Julie.Lakha@digitalworkplacegroup.com Twitter: @ibf @dwforum

Pull-up display

Intranet Benchmarking Forum Transforming the world’s best intranets

Front Of the world’s top companies...

20% are IBF members

Over

200

500

intranet sites benchmarked

live intranet tours

www.ibforum.com

A part of the

www.dwgconsultingservices.com

Back

2m tall and 0.8m wide

21


12 word based reports

ibf word benchmarking reports

dwf word reports

Digital Workplace Map

Johnson & Johnson

Digital Workplace Map

Johnson & Johnson What IBF membership offers

About IBF

Through the Intranet Benchmarking Forum (IBF), we began measuring, benchmarking and comparing large scale About the mapping process intranets 10 years ago. We invented the concept and created the intranet measurement industry. In 2012, we developed TM TM Run by leading experts in digital workplace strategy and deployment, the Digital Workplacethe Map provides a thorough, Digital Workplace Map an independent methodology to help organizations understand how their digital workplace is impartial assessment of what your digital workplace offers and how it is managed. functioning in order to develop a vision of where it should be in future.

In addition, IBF conducts a rolling programme of bespoke research to promote wider understanding of issues identified by our members. Our reports and briefing papers, most of which are only available to IBF members, address topics such as social media governance, search functionality, the role of intranets in influencing corporate culture and the usability of Microsoft’s SharePoint.

The Intranet Benchmarking Forum (IBF) is an exclusive, confidential, members-only benchmarking group. Our worldwide members include Amgen, AT&T, Avon, IKEA, Exxon Mobil, ING, Kroger, Liberty Mutual, PNC Bank, Vattenfall and Verizon. We have conducted more than 400 intranet evaluation and benchmarking exercises in major organisations, giving us unrivalled insight into current best practice.

Communication & Collaboration Benchmarking Report

The Digital Workplace MapTM

As part of your annual subscription, you will undergo an intensive evaluation and benchmarking exercise to assess the relative performance of your intranet and highlight critical areas for improvement.

Introduction

The map is based on a set of structured levels applied against seven dimensions, which comprise digital workplace. Throughawork with Microsoft, IBM, KPMG, ADP, McGraw-Hill, Citi, Johnson & Johnson and Fujitsu, we have now These levels are broken down into a series of signifiers, for which the digital workplace receives a 'rawan score' of between developed industry-first: a seven-point framework to map and measure the performance of an organization’s digital 0 and 2 (with half-point increments). A score of 0 implies there is little or no evidence of a given practice. A score of 1 workplace. shows some evidence, and a score of 2 demonstrates clear alignment with good practice — an appropriate target for adoption has been met, or a level has been clearly superseded. These raw scores are added up and expressed as a percentage of the maximum score for that particular signifier. TM

Because we are independent of any technology vendor our benchmarking findings and recommendations are impartial.

Digital Workplace Map

Services IBF supports members by providing:

IKEA

thorough, independent benchmarking across key areas of intranet performance

opportunities for cross-member interaction and learning

July 2012

a wide-ranging programme of research into current and emerging practice in intranet strategy and management.

The aim of the Digital Workplace Map is to be a thinking tool to help you understand where your digital workspace currently is and what options you have for advancing it. The model is not meant to imply that all organizations should seek to reach the ‘Excel’ or even ‘High’ levels in all areas.

Mapping vs. benchmarking TM

Johnson & Johnson

The Digital Workplace Map , with its emphasis on the entire digital workplace, was designed to complement IBF’s welldeveloped benchmarking framework, which looks at specific aspects of intranet management such as governance, metrics and processes.

July 2012

While benchmarking gives a very thorough view of an intranet’s current position, it says less about potential future TM strategy. The Digital Workplace Map , by contrast, helps digital teams think more about the bigger picture. To use another analogy, benchmarking is like a street map: it is good for detailed navigation, but when planning a grand tour of India you need a physical map showing mountains, the sea and where to find the Taj Mahal.

How to use these findings

Further details of IBF membership and services can be found on our website, www.ibforum.com.

Deployed through a brief and tailored intervention, the Digital Workplace Map

Other benefits of IBF membership include:

Benchmarking scope Since we began evaluating intranets in 2002, the boundaries of the online work environment have expanded to include technologies such as social media, third-party applications and collaboration tools. This inevitably raises the question of where an intranet evaluation begins and ends. For IBF benchmarking purposes, we regard the ‘intranet’ as encompassing the array of browser-based tools and services used to support work tasks or to enable communication and collaboration in organisations. This includes publishing platforms, messaging systems, discussion forums, social media and other web-based services but excludes, for example, back-end systems and offline business applications.

• •

a full annual calendar of events, including facilitated, all-day member gatherings and visits to fellow member organisations

participation in a range of online Special Interest Groups

access to confidential online resources, including an industry news service and discussion forums, through a secure members’ extranet

• •

a regular e-newsletter.

Future steps should be guided by:

Confidentiality

TM

offers a range of outcomes:

Provides a baseline view of your organizations’ Digital Workplace capabilities relative to industry standard Shows how well your company, or business unit, or region is performing in its Digital Workplace through an objective assessment Offers a feedback tool for developing future strategy for the Digital Workplace based on precise recommendations on how to improve Informs investment decisions and operating practices that impact Digital Workplace efficiencies across the enterprise Reveals discoveries about the Digital Workplace that enable stakeholders to unlock business value for key business units or for the company overall Provides a basis for comparing your performance with other organizations or other parts of your own organization

Business strategy - what direction your organization is taking and what role the digital workplace should play in this (for example, a merger would need strong communications and collaboration) Employee needs – introducing easier ways for employees to do their work, and removing current frustrations. Often

these will be operational, but have This report is strictly confidential and owned by the Digital Workplace Forum (DWF). Thechanges material is copyright to DWF, which is widespread impact (such as improved knowledge sharing). wholly owned by Digital Workplace Forum Group Limited. The content is strictly use internally within your organisation and it isan organisation’s culture. Those with strong top/down management and a • for Culture – digital workplaces usually reflect strictly prohibited to use any material externally. It cannot also be used in any internal publications or media express cohesive structure will bewithout able to implement a ‘mall’ pattern more easily than a more federated company, for example. written permission of a DWF Director. • Scale – company size will dictate the appropriateness of certain changes. For example, it may be more desirable for a small company to have an employee contact for benefits administration rather than implementing a self-service system.

@ibf www.ibforum.com

3

@ibf www.ibforum.com

4 @dwforum www.dwforum.com

6

@dwforum www.dwforum.com

4

Word templates have been created for the production of benchmarking reports and result reports. Please refer to template for styling and content layout.

22


13 presentations

Powerpoint templates have been created for the production of presentations and reports. Please refer to template for styling and content layout.

Specific templates have also been created for ibf benchmarking reports

23


14 images & visual language

colour group images

black and white images for reports

Any imagery that is used must convey the main aspects of the brand, forward looking, contemporay and unstaged. Above are examples of the type of images to use.

24


15 websites

dwg group website portal

The dwg site is the main portal to the sub brand websites and events www.digitalworkplacegroup.com

25


15 websites

sub brand websites

www.dwforum.com

www.ibforum.com

Sub brand websites follow an established design and style and have a content management system 26


16 social media applications

twitter

youtube

linkedin

delicious

Social media logos in use, see page 8 for full range.

27


17 further advice

If you have any further questions about what is contained in this guide or just need advice on a project you are about to start please contact:

Trisha Carmona Digital Workplace Manager Email: Trisha.Carmona@digitalworkplacegroup.com Tel: 44 (0) 7715 489995

28


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.