| 2 BrANDING GUIDE | Our Core...

44

Transcript of | 2 BrANDING GUIDE | Our Core...

Page 1: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.
Page 2: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 2BrANDING GUIDE | Our Core Values

Page 3: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

Logo Guidelines

Page 4: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 4

Our Logo Sun

Our Logo Colors

LOGO | Live Person Identity Elements

Page 5: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 5

Futura

AaBbCcDdEeFfGgHhIiJjKk

AaBbCcDdEeFfGgHhIiJjKk

AaBbCcDdEeFfAaBbCcD

Our Logo Typography

Futura (custom)

Page 6: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 6LOGO

Page 7: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 7LOGO | Logo color palette

Page 8: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 8LOGO | Proportions and breathing space

Page 9: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 9LOGO | Print sizes

Large Logo

Standard Logo

Minimum size Logosize: 2.3 in x 0.45 in

Page 10: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 10LOGO | Web sizes

Beyond 317 px x 56 px, adjust kerning

Standard Electronic Logo

Standard Inverse Logo

Small Inverse Logo

Small Electronic Logo

Page 11: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 11LOGO | With tagline

Page 12: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 12

Live Person Logo Guidelines

General rules about the logo

The LivePerson logo is comprised of both a symbol (the SUN) and type. These two elements should appear together in all corporate materials, including, but not limited to, web, advertising materials, collateral/sales tools, online and offline promotions, etc.

The LivePerson logo has been developed as a balanced whole. The logo must not be altered, modified, recreated, stretched, squeezed or manipulated. Consistent use of the logo helps maintain the ntegrity of the brand and ensures greater brand recognition.

The LivePerson logo must always stand alone and may not be combined with any other graphic elements.

Use of our logo on the 3rd-party Website

Please refer to main logo guidelines above. In addition, the LivePerson logo must be clear and legible, displayed on solid backgrounds only, and must have sufficient contrast to be recognizable. If the background is dark or orange for example, a white logo may be used.

LOGO | Logo Guidelines

Page 13: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 13

L I V E P E r S O N

Do not change pr oportions

between logo and symbol.

Do not change the positio n

of the symbol.

Do not add perspecti ve

or inclination to the logo .

Do not change the f ont.

Do not change color s.

Do not str etch the lo go

in any direction.

Do not use outlines .

Do not r otate or

reposition elements.

LOGO | Incorrect applications

Page 14: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 14LOGO | Logo usage with background colors

Page 15: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 15LOGO | Incorrect application example

Page 16: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 16TyPGrAPhy | Collateral Typography

Collateral Typography

Office documents - (Word, Excel, PowerPoint)

Arial Arial Bold abcdefghijklmnopqrstuvwxyz 1234567890 abcdefghijklmnopqrstuvwxyz 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ

Web

Arial Arial Bold abcdefghijklmnopqrstuvwxyz 1234567890 abcdefghijklmnopqrstuvwxyz 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ

Printed Materials - (titles, subtitles, captions)

Myriad Proabcdefghijklmnopqrstuvwxyz 1234567890

ABCDEFGhIJKLMNOPQrSTUVWXyZ

Myriad Pro bol dabcdefghijklmnopqrstuvwxyz 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Page 17: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

Editorial Style Guidelines

Page 18: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 18

Styles, Grammar & Punctuation

Proper spelling of LivePerson in plain text uses a capital L 1. and capital P (not LIVEperson)

Public facing documents written for the Enterprise market 2. should not use ‘we’ (offer, allow, enable) and ‘your’ (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

LivePerson utilizes the following punctuation formats:3.

• Bulleted lists. In a bulleted list, the bullet takes the place of punctuation (such as commas or semicolons) between items in a list. Do not use punctuation at the ends of bulleted items that are not sentences.

• Do not use a concluding period at the end of a bulleted list. Capitalize the first letter of each bullet.

• Em dash (do not surround by spaces)

• hyphen the bringing together of two words creating a descriptor, e.g., follow-up call, third-generation solution, real-time chat

• Sentence spacing (only one space between sentences and only one space after colons and other punctuation)

• ‘For example’ can be conveyed in the middle or end of a sentence with e.g.,. Use commas, not parentheses, to separate the clause.

• ‘That is’ can be conveyed in the middle or end of a sentence with i.e., Use commas, not parentheses to separate the clause.

• Spell out percent vs. using the % symbol

• Serial commas:

o OMIT when listing less than three terms (include when listing more than three terms)

. Correct usage: LivePerson provides chat, email management and knowledgebase tools.

. Incorrect usage: LivePerson provides chat, email management, and knowledgebase tools.

o INCLUDE if an integral element of the series requires a conjunction

. Correct usage: Key features include contact management, third-party integration, and quick and easy implementation.

• Copyright: include a space between the symbol and the year, i.e., © 2009 LivePerson, Inc. All rights reserved.

Telephone Numbers• US numbers: separate area code and digits with periods, i.e., 212.609.4220

• European numbers: country code, national direct dialing prefix in parenthesis, then city and area codes where applicable (separate with spaces instead of periods)

• i.e., +44 (0) 8701 272087

• Israel: international dialing code followed by area code and

local number separated by periods, i.e., 972.9.7457895

EDITOrIAL STyLE GUIDELINES | Styles, Grammar, & Punctuation

Page 19: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 19

TerminologyPlease use the following words/spelling in all LivePerson customer-facing materials.

General Product-Related Terminology• Admin Console (this is the area where customers manage their account, view reports, etc.)

• knowledgebase knowledge base, KB

• Agent Console operator window, GUI, user interface, operator console

• visitor (a person who enters into a chat or call from the customer’s website)

SMB Products and Related Terminology

• LivePerson Pro

• LivePerson Contact Center

• LiveCall

Enterprise Products and Related Terminology• LivePerson Enterprise Chat

• LivePerson Enterprise Voice

• LivePerson Enterprise platform

• LivePerson Enterprise for Sales

• LivePerson Enterprise for Service

• LivePerson Enterprise Platinum

• Active Analytics

• Prioritization Engine

• Data Publication Service

• Enhanced Security Feature Pack

• Data Integration Feature Pack

• Vanity Domain Vanity UrL

EDITOrIAL STyLE GUIDELINES | Terminology

Page 20: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 20

Industry TerminologyThis is a list of common words, phrases and acronyms that are likely to appear in LivePerson materials, showing spelling, capitalization and hyphenation.

• best practices

• brick-and-mortar

• call center (two words)

• check box (two words, no hyphen)

• click-to-chat

• click-to-call click to talk

• cross-sell (note: upsell does not have a hyphen)

• dot-com

• ecommerce

• email

• high-value, i.e., high-value customer; high value, i.e., delivers high value

• Internet (capital “I”)

• intranet (lower-case “i”)

• lifecycle (one word)

• log-in/log-on/log-off

• multi-channel

• online/offline

• online retailer (not e-tailer)

• real-time

o Include a hyphen when using the phrase as an adjective: real-time communications. Omit hyphen when using “in real time”

• SMB

o When using in body copy, spell out on first use (append in parentheses). Use acronyms in subsequent uses, e.g., LivePerson has achieved double-digit growth in the Small & Midsize Business (SMB) sector over the last 12 months. More than 7,000 customers are currently leveraging our SMB product offerings …

• third-generation engagement; third-generation chat platform

o As with real-time, include a hyphen when using as an adjective

• upsell (note: cross-sell has a hyphen)

• US (United States: no periods)

• VoIP

• the Web

• web-based

• website

• workaround (one word, no hyphen)

EDITOrIAL STyLE GUIDELINES | Terminology

Page 21: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

Templates

Page 22: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 22TEMPLATES | Letterhead

Page 23: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 23

462 7th Avenue, 3rd FloorNew york, Ny 10018www.liveperson.com

TEMPLATES | Envelope

Page 24: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 24

A WORLD OF EXPERTS

Robert LoCascioCEO & Chairman

462 7th Avenue, 3rd FloorNew York, NY 10018Nasdaq: LPSN

t 212-609-4230f [email protected]

TEMPLATES | Business Card

Page 25: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 25

Generate email signature: http://192.168.30.53:8181/email/emailSignatureGenerator/emailSignature.asp

TEMPLATES | Email Signature

Name Title

Tel: 1.212.609.4200

Fax: 1.212.609.4239

[email protected] | solutions.liveperson.com

LivePerson, Inc. 462 7th Avenue, 3rd Floor, New York, NY 10018

Page 26: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 26

Monica GreenbergI’m an expert in law counseling.

SVP, General Counsel

robert LoCascioI’m an expert in entrerpreneurship

CEO

TEMPLATES | Door signs

Page 27: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 27TEMPLATES | Word Documents

Page 28: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 28TEMPLATES | PowerPoint Presentation

Page 29: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 29

Guidelines

Font: Arial 10, black•

Table titles should be bold with an orange fill (r250 G162 B27)•

row/Column headers should be in bold with a gray fill (r208 G217 B224)•

Data should have a blue fill (r237 G237 B253)•

highlighted cells should have a teal fill (r55 G163 B163)•

TEMPLATES | Excel Reports

Page 30: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 30TEMPLATES | Newsletter

Newsletter header

Main Section

Side Section

Calendar Section

&

"

%

:

Page 31: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 31TEMPLATES | SMB banners

SMB Web banner

- Green Background - Title font: Myriad Pro - Pixel Width: 756px

SMB Email banner

- Green Background - Title font: Myriad Pro - Pixel Width: 650px

>Add icon here

>Add icon here

Page 32: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 32TEMPLATES | ENT banners

ENT Web banner

- Turquoise Background - Title font: Myriad Pro - Pixel Width: 756px

ENT Email banner

- Turquoise Background - Title font: Myriad Pro - Pixel Width: 650px

>Add icon here

>Add icon here

Page 33: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 33TEMPLATES | Email banner examples

Example SMB Email banner

- Green Background - Title font: Myriad Pro

Example ENT Email banner 2

- Turquoise Background - Title font: Myriad Pro

Page 34: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 34TEMPLATES | ENT Collateral

Page 35: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 35TEMPLATES | ENT Case Study

9 !

9

About CompanyThe Solution

The Challenge

#Call Out Section

8Screenshot

Page 36: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 36TEMPLATES | SMB Collateral

Page 37: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 37TEMPLATES | SMB Case Study

99

About Company

The Challenge

#Call Out Section

8Screenshot

!The Solution

Page 38: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 38TEMPLATES | ENT Whitepaper

Cover Inside pages

Page 39: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 39TEMPLATES | SMB Whitepaper

Cover Inside pages

Page 40: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

Color palette

Page 41: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 41COLOr PALETTE | Main

Page 42: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 42COLOr PALETTE | Gradients

Page 43: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 43

RGB: 17 / 167 / 174Web: 12a7ad

RGB: 222 / 243 / 244Web: def2f4

Group 1

Blue 1RGB: 0/ 167 / 231Web: 00a7e6

Blue 2

Yellow 1 Blue 3

TitleSubtitle 1Lorem ipsum dolem sumittext copy lorem ipsum dolem sumit

Group 2

BlackRGB: 0 / 0 / 0Web: 000000

BrownRGB: 63 / 43 / 17Web: 3f2b12

Grey 7RGB: 236/ 236 / 236Web: ececec

Beige 1RGB: 183 / 172 / 138Web: b7ac8a

TitleSubtitle 1Lorem ipsum dolem sumittext copy lorem ipsum dolem sumit

Group 3

Orange 1 Magenta RGB: 239 / 0 / 75Web: df014b

Yellow 2RGB: 255 / 247 / 108Web: 12a2ad

Yellow 3

TitleSubtitle 1Lorem ipsum dolem sumittext copy lorem ipsum dolem sumit

COLOr PALETTE | Web complimentary colors 1

Page 44: | 2 BrANDING GUIDE | Our Core Valuess3images.coroflot.com/user_files/individual_files/495656_IfKJIkbGCk… · (web site, customers, etc.), rather ‘LivePerson’ and ‘a company’s’.

| 44

LivePerson Branding Guidelines for Solution Deployments

Use of LivePerson branding in the Chat Window

The templated chat windows available to LivePerson B2B customers are designed with a default LivePerson logo on the top left of the window. If a customer wishes to remove this branding, there is a monthly fee associated with LivePerson’s lost opportunity cost.

If a custom chat window image is created, the LivePerson logo must be displayed at a minimum total width of 75px. Providing text before the logo will assist in customers understanding our role within the service. We recommend “Live chat by” or “Powered by”. This text MUST be in English. The use of descriptive text is optional, and it may sit above or to the left side of the logo.

The logo must be clear and legible, displayed on solid backgrounds only, and must have sufficient contrast to be recognizable. If the background is dark or orange for example, a white logo may be used.

The logo can be placed horizontally anywhere on the chat window where it does not conflict with other branding.

Please contact LivePerson Marketing for logo assistance.

The dynamic / click-to-chat / click-to-call button

Button style should match that of your website. For maximum visibility, try to using contrasting colors so that the button pops.

Offer a clear call-to-action, preferably in the shape of a button, with active words like “Chat Now” or “Start Chat”. Avoid redundancies like “Click here to ...”

In general, the button should be placed above the fold on your web page, preferably on the top right-hand side.

For Multi-Channel buttons that are stacked (Click-to-Chat and Click-to-Call), begin with the channel to which you prefer to direct more traffic.

The proactive invitation

All LivePerson invitations should match the style of your website. For maximum visibility, try using contrasting colors, so it pops from the page. Invitations sit on top of the visitors current webpage, so bear this in mind when designing. There should be a clear distinction between the background webpage and your invitation, whether by a border or drop shadow, or both.

Offer a clear call-to-action. On first viewing, it should be clear what you want the visitor to do. “Chat now with a customer service representative”. Keep descriptive text to a minimum and be as contextual as you can. “I can assist you with your account setup.” The button on the invitation should be clear and use active language “Chat Now!”. We strongly recommend creating a hover effect for the invitation, so that it feels interactive.

The “No Thanks” or “Close” area should be visible, though with less emphasis than the call-to-action. NOTE: LivePerson code dictates that the Close area fall below the call-to-action, if you wish to have the close elsewhere, please discuss with your Account Manager.

If creating a Multi-Channel or Voice invitation, lead with the channel to which you want to direct more traffic. Voice invitations generally receive a better response if they are designed as a one-step process, i.e., the visitor enters his/her phone number on the invitation itself.

LivePerson Branding Guidelines for Solution Deployments