| 2 BrANDING GUIDE | Our Core...
Transcript of | 2 BrANDING GUIDE | Our Core...
| 2BrANDING GUIDE | Our Core Values
Logo Guidelines
| 4
Our Logo Sun
Our Logo Colors
LOGO | Live Person Identity Elements
| 5
Futura
AaBbCcDdEeFfGgHhIiJjKk
AaBbCcDdEeFfGgHhIiJjKk
AaBbCcDdEeFfAaBbCcD
Our Logo Typography
Futura (custom)
| 6LOGO
| 7LOGO | Logo color palette
| 8LOGO | Proportions and breathing space
| 9LOGO | Print sizes
Large Logo
Standard Logo
Minimum size Logosize: 2.3 in x 0.45 in
| 10LOGO | Web sizes
Beyond 317 px x 56 px, adjust kerning
Standard Electronic Logo
Standard Inverse Logo
Small Inverse Logo
Small Electronic Logo
| 11LOGO | With tagline
| 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
| 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
| 14LOGO | Logo usage with background colors
| 15LOGO | Incorrect application example
| 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
Editorial Style Guidelines
| 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
| 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
| 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
• 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
Templates
| 22TEMPLATES | Letterhead
| 23
462 7th Avenue, 3rd FloorNew york, Ny 10018www.liveperson.com
TEMPLATES | Envelope
| 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
| 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
| 26
Monica GreenbergI’m an expert in law counseling.
SVP, General Counsel
robert LoCascioI’m an expert in entrerpreneurship
CEO
TEMPLATES | Door signs
| 27TEMPLATES | Word Documents
| 28TEMPLATES | PowerPoint Presentation
| 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
| 30TEMPLATES | Newsletter
Newsletter header
Main Section
Side Section
Calendar Section
&
"
%
:
| 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
| 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
| 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
| 34TEMPLATES | ENT Collateral
| 35TEMPLATES | ENT Case Study
9 !
9
About CompanyThe Solution
The Challenge
#Call Out Section
8Screenshot
| 36TEMPLATES | SMB Collateral
| 37TEMPLATES | SMB Case Study
99
About Company
The Challenge
#Call Out Section
8Screenshot
!The Solution
| 38TEMPLATES | ENT Whitepaper
Cover Inside pages
| 39TEMPLATES | SMB Whitepaper
Cover Inside pages
Color palette
| 41COLOr PALETTE | Main
| 42COLOr PALETTE | Gradients
| 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
| 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