Digital Workplace GroupGroup brand and family style guide and usage

style guidelinesversion 2

01Introduction 1

02Group logos 2

03Event logos, icons & award marks 8

04ibf sub brand colours 10

05Logo minimum clear space 13

06Scale and minimum size 14

07Black and white version 15

08Not acceptable logo use 16

contents

09Fonts 17

10Font styles in print 18

11 Stationery and pull-up display 20

12Word based reports 22

13Presentations 23

14Illustration / graphics 22

15Further advice 28

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 constructionEach 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

CMYK 74 / 17 / 0 / 0

CMYK 0 / 90 / 99 / 0

CMYK 45 / 100 / 10 / 1

CMYK 0 / 99 / 0 / 0

RGB 23 / 165 / 222

RGB 239 / 67 / 35

RGB 156 / 25 / 129

RGB 235 / 0 / 139

HEX#17A5DE

HEX#EF4323

HEX#9C1981

HEX#EB008B

Print Screen

3

02 ibf logo

CMYK 74 / 17 / 0 / 0

CMYK 60 / 4 / 2 / 0

RGB 23 / 165 / 222

RGB 115 / 186 / 231

HEX#17A5DE

HEX#73BAE7

Print Screen

4

02 dwf logo

CMYK 45 / 100 / 10 / 1

CMYK 27 / 76 / 0 / 0

RGB 156 / 25 / 129

RGB 185 / 93 / 166

HEX#9C1981

HEX#B95DA6

Print Screen

5

02 dwg logo

CMYK 0 / 90 / 99 / 0

CMYK 0 / 65 / 58 / 0

RGB 239 / 67 / 35

RGB 244 / 127 / 86

HEX#EF4323

HEX#F47F56

Print Screen

6

02 tecl logo

CMYK 0 / 99 / 0 / 0

CMYK 4 / 82 / 0 / 0

RGB 235 / 0 / 139

RGB 241 / 76 / 173

HEX#EB008B

HEX#F14CAD

Print Screen

7

03 event logos & social icons

event logos

Facebook / twitter icons

People icons

DigitalWorkplace24 Hours in the World’sDigital Workplace

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

Communication & CollaborationStrategy & Governance

CMYK 74 / 17 / 0 / 0

CMYK 100 / 0 / 90 / 20

CMYK 42 / 2 / 3 / 0

CMYK 51 / 2 / 43 / 0

CMYK 8 / 0 / 1 / 0

CMYK 30 / 1 / 24 / 0

RGB 23 / 165 / 222

RGB 0 / 140 / 79

RGB 139 / 210 / 238

RGB 127 / 197 / 79

RGB 231 / 246 / 252

RGB 178 / 220 / 202

HEX #17A5DE

HEX #008C4F

HEX #8BD2EE

HEX #7FC5A7

HEX #E7F6FC

HEX #E5F3ED

Print Print

Main Main

Tint 50% Tint 50%

Tint 10% Tint 10%

Screen Screen

11

04 ibf sub brand colours

UsabilityMetrics & Performance

CMYK 0 / 100 / 70 / 0

CMYK 70 / 100 / 0 / 0

CMYK 0 / 57 / 15 / 0

CMYK 28 / 44 / 0 / 0

CMYK 0 / 11 / 2 / 0

CMYK 4 / 8 / 0 / 0

RGB 237 / 24 / 71

RGB 111 / 44 / 145

RGB 246 / 139 / 163

RGB 183 / 149 / 200

RGB 253 / 231 / 236

RGB 240 / 233 / 244

HEX #ED1847

HEX #6F2C91

HEX #F68BA3

HEX #B795C8

HEX #FDE7EC

HEX #F0E9F4

Print Print

Main Main

Tint 50% Tint 50%

Tint 10% Tint 10%

Screen Screen

12

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

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

05 minimum logo clear space

x

x

x

x

x

13

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).

Points to considerLogos in a vector format can be scaled without any loss of quality.

Logos in Adobe Photoshop eps, tif, png, gif or jpg require re-rendering. 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.

Print32.5 mm x 17.5 mm

Screen120 pixels

06 logo minimum size

Minimum size

Ideal size

64 mm x 41 mm

14

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

07 black and white logos

CMYK 0 / 0 / 0 / 70

CMYK 0 / 0 / 0 / 35

RGB 109 / 110 / 113

RGB 177 / 179 / 182

HEX #6D6E71

HEX #B1B3B6

Reversed logo example

15

Never use anything but the approved logo.• DO NOT attempt to create or reproduce

your own logo

• 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

08 unacceptable logo use

dwg Digital Workplace Group

Examples of unacceptable use of logo

16

Frankin Gothic BookABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!”’#$&%()+/?@

Frankin Gothic Book ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!”’#$&%()+/?@

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

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

Franklin Gothic Demi

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

Franklin Gothic Heavy

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

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

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.

09 fonts

Primary font

Secondary or electronic font

17

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

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

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

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

Web addressFranklin Gothic book, 22pt text

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.

10 font styles in print

Over

live intranet tours

Of the world’stop companies...

are IBF membersintranet sites benchmarked

20% 500200

www.ibforum.comwww.ibforum.com

Intranet Benchmarking ForumIBF transforms intranets and the teams behind them2013 Research Programme

Typical report/fact sheet cover

18

10 font styles in print

Headline Franklin Gothic Heavy, 18pt in sub brand colourOpening statement Franklin Gothic Heavy, 9pt in 80% black

Quote/Fact

Heading Franklin Gothic Demi, 11pt, uppercase, 80% blackQuote Franklin Gothic Book, 9pt, italic, sub brand colour (text size can very depending on size of quote)Bullets Franklin Gothic Book, 9pt on 11pt leading, sub brand colour with 5mm indent

SubheadingsFranklin Gothic Heavy, 10pt in sub brand colour

Text Franklin Gothic Book, 9pt text on 11pt leading 80% black

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

Web addressFranklin Gothic book, 22pt text

DescriptionThe 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:

• 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.

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

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

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

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.

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

• Greater productivity and effectiveness

• Technology optimization

• Cost savings and spending avoidance

• Improved risk management

• Lower environmental impact

• Better customer service

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.

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

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

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

IBF Public & Not-For-Profit Sector Membership

IBF Global Benchmarking Membership

Benchmarking

Usability: How well designed and usable is your intranet?

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

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

Strategy & Governance: How well do you lead and manage your intranet?

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

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

Benchmarking League Table

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

Comparison against other Global and Regional members only)

Member survey: comparison of member key intranet statistics.

(Extended version to include strategy, metrics, communication & collaboration questions)

Interaction

2-day member meetings and site visit

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

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

Half day member meetings and site visit

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

Online Knowledge Exchanges

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

(Unlimited access to live sessions - usually 12-24 per year - plus recording archive on extranet)

IBF Live & DW 24

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

(Access to live sessions – 12 episode per year plus DW 24 & recording archive on extranet)

IBF Member Extranet

(50 extranet places to access research archive, benchmarking knowledge base, video and resource

libraries as well as all news and events)

IBF Yammer Network

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

Private Yammer community for Global/ Regional group)

Research

IBF Research Programme

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

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

Public Sector Insight briefings

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

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

ServicesIBF transforms intranets and the teams behind them

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

www.ibforum.com

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

Typical report/fact sheet page

80% black colour breakdown

CMYK 0 / 0 / 0 / 80

RGB 88 / 89 / 91

HEX #58595B

19

CEO & FounderDigital Workplace GroupLondon | New York

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

Paul Miller

Angela Pohl

Managing DirectorIntranet Benchmarking Forum (Part of the Digital Workplace Group) London | New York

Tel: +1 440 488 2377Email: Angela.Pohl@digitalworkplacegroup.comTwitter: @ibf www.ibforum.com

www.digitalworkplacegroup.comThe format of the UK based business cards is 85 x 55 mm

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

Front

Front

UK based business card size

US based business card size

Back

Back

11 stationery

20

Head of DWG Consulting ServicesDWG Consulting Services (Part of the Digital Workplace Group)

London | New York

Tel: +44 (0) 7956 453267Email: Julie.Lakha@digitalworkplacegroup.comTwitter: @ibf @dwforum

Julie LakhaIntranet Benchmarking ForumTransforming the world’s best intranets

www.ibforum.com

A part of the

Over

live intranet tours

Of the world’stop companies...

are IBF membersintranet sites benchmarked

20% 500200

www.dwgconsultingservices.com

Front

Other business cards Pull-up display

Back

11 stationery & display panel

2m tall and 0.8m wide

21

Digital Workplace Map Johnson & Johnson

4 @dwforum

www.dwforum.com

The Digital Workplace MapTM Through the Intranet Benchmarking Forum (IBF), we began measuring, benchmarking and comparing large scale intranets 10 years ago. We invented the concept and created the intranet measurement industry. In 2012, we developed the Digital Workplace MapTM an independent methodology to help organizations understand how their digital workplace is functioning in order to develop a vision of where it should be in future. Through work with Microsoft, IBM, KPMG, ADP, McGraw-Hill, Citi, Johnson & Johnson and Fujitsu, we have now developed an industry-first: a seven-point framework to map and measure the performance of an organization’s digital workplace.

4 @ibf

www.ibforum.com

What IBF membership offers

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.

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.

Other benefits of IBF membership include:

• 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.

Digital Workplace Map Johnson & Johnson

6 @dwforum

www.dwforum.com

About the mapping process Run by leading experts in digital workplace strategy and deployment, the Digital Workplace MapTM provides a thorough, impartial assessment of what your digital workplace offers and how it is managed. The map is based on a set of structured levels applied against seven dimensions, which comprise a digital workplace. These levels are broken down into a series of signifiers, for which the digital workplace receives a 'raw score' of between 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 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. The aim of the Digital Workplace MapTM 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 The Digital Workplace MapTM, with its emphasis on the entire digital workplace, was designed to complement IBF’s well-developed benchmarking framework, which looks at specific aspects of intranet management such as governance, metrics and processes. While benchmarking gives a very thorough view of an intranet’s current position, it says less about potential future strategy. The Digital Workplace MapTM, 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 Deployed through a brief and tailored intervention, the Digital Workplace MapTM 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 Future steps should be guided by: • 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 changes will be operational, but have widespread impact (such as improved knowledge sharing). • Culture – digital workplaces usually reflect an organisation’s culture. Those with strong top/down management and a

cohesive structure will be able to implement a ‘mall’ pattern more easily than a more federated company, for example. • 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.

3 @ibf

www.ibforum.com

Introduction

About IBF

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.

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

Services

IBF supports members by providing:

• thorough, independent benchmarking across key areas of intranet performance

• opportunities for cross-member interaction and learning

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

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

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.

12 word based reports

Confidentiality This report is strictly confidential and owned by the Digital Workplace Forum (DWF). The material is copyright to DWF, which is wholly owned by Digital Workplace Forum Group Limited. The content is strictly for use internally within your organisation and it is strictly prohibited to use any material externally. It cannot also be used in any internal publications or media without express written permission of a DWF Director.

Digital Workplace Map Johnson & Johnson July 2012

Communication & Collaboration Benchmarking Report IKEA July 2012

ibf word benchmarking reports dwf word reports

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

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.

14 images & visual language

colour group images

black and white images for reports

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

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

16 social media applications

twitter

delicious

youtube

linkedin

27

17 further advice

Trisha Carmona Digital Workplace Manager

Email: Trisha.Carmona@digitalworkplacegroup.com

Tel: 44 (0) 7715 489995

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:

28