Bra nd K i t 1
2
The Litmos Logo
8
What Not to Do
10
Litmos Healthcare Division
14 Color 16 Typography 20
Odds & Ends
[ lit-moh s] You are in safe hands. Litmos is the fastest growing learning technology company in the world, supporting over 1,000,000 users, in 130+ countries and 22 languages. Litmos prides itself on a customer-centric approach and continual innovation in the marketplace. Headquartered in Silicon Valley and backed by public company CallidusCloud (NASDAQ: CALD), Litmos is still run with the nimbleness of a start-up. Litmos is focused on executing on its customers’ vision that learning technologies should be able to be used, consumed and deployed by anyone in the organization and on any device. Litmos’s leadership team has a combined 140 years experience across the technology and learning domains.
Use this guide to see the various ways you can use the Litmos name, logos, and icons. Never abuse our logo. Lenny doesn’t have arms, so he can’t fight back.
1
First Impressions are Everything. 2
T H E L I T M O S LO G O
Primary Logo The primary use of the Litmos logo is the 2-color version—Pantone Neutral Black and Pantone 375. The logo can appear on color, illustration, or photographic backgrounds, as long as the legibility and integrity of the logo are not diminished.
D O WNLOA D OUR LOG O PACKAG E
3
T H E L I T M O S LO G O
[ Black Logo ]
[ Primary Logo Reversed ]
Other Logos When color or printing prohibits the use of our primary logo, it may be used in all black or reversed out to white. The logo can appear on color, illustration, or photographic backgrounds, as long as the legibility and integrity of the logo are not diminished.
4
T H E L I T M O S LO G O
Other Logos Hey guess what? We have other products, and those products have their own logos. Same rules still apply.
5
T H E L I T M O S LO G O
Exclusion Zones Our logo is important...so don’t cramp it’s style. let it have the space it needs and deserves. The best way to do this is to use the guide above guide to ensure nothing comes too close to the logo.
6
T H E L I T M O S LO G O
Co-Branding Trust us, we like you a lot too, but we still need our personal space. When placing your logo with ours, here is an example of how to do it.
7
Just Because You Can, Doesn’t Mean You Should. 8
Don’t reposition the logo
Don’t add things to our logo. Seriously?
We don’t even have time to explain why this is wrong.
Don’t place on busy imagery
Don’t place the color logo on crazy colors
Don’t tilt the logo
Don’t add drop shadows. They are so 2001.
Just Don’t We know, we know, sometimes rules are meant to be broken, nonetheless here are some examples of what drives our designers crazy. Just don’t do it.
9
W H AT N O T T O D O
Don’t stretch or distort the logo
The New Guy in Town 10
T H E L I T M O S H E A LT H LO G O
Primary Logo The primary use of the Litmos Health logo is the 2-color version—Pantone Neutral Black and Pantone 375. The logo can appear on color, illustration, or photographic backgrounds, as long as the legibility and integrity of the logo are not diminished.
11
T H E L I T M O S H E A LT H LO G O
[ Black Logo ]
[ Primary Logo Reversed ]
Other Logos When color or printing prohibits the use of our primary logo, it may be used in all black or reversed out to white. The logo can appear on color, illustration, or photographic backgrounds, as long as the legibility and integrity of the logo are not diminished.
12
T H E L I T M O S H E A LT H LO G O
Exclusion Zones Our logo is important...so don’t cramp it’s style. let it have the space it needs and deserves. The best way to do this is to use the guide above guide to ensure nothing comes too close to the logo.
13
Does This Color Look Good on Me? 14
Secondary Colors C O LO R
Primary Colors
Pantone 375 C C 47 M 0 Y 94 K 0 R 146 G 212 B 0 HEX # 92D400
Pantone Neutral Black 85% C 0 M 0 Y 0 K 85 R 38 G 38 B 38 HEX # 262626
Pantone 2995 C C 87 M 1 Y 0 K 0 R 0 G 169 B 224 HEX # 00A9E0
Pantone 374 C C 27 M 0 Y 55 K 0 R 195 G 231 B 111 HEX # C3E76F
Pantone Neutral Black 70% C 0 M 0 Y 0 K 70 R 77 G 77 B 77 HEX # 4D4D4D
Pantone 2985 C C 60 M 0 Y 4 K 0 R 91 G 198 B 232 HEX # 5BC6E8
Pantone 372 C C 16 M 0 Y 36 K 0 R 217 G 236 B 156 HEX # D9EC9C
Pantone Neutral Black 40% C 0 M 0 Y 0 K 40 R 153 G 153 B 153 HEX # 999999
Pantone 2975 C C 35 M 0 Y 6 K 0 R 163 G 219 B 232 HEX # A3DBE8
Pantone Neutral Black 20% C 0 M 0 Y 0 K 20 R 204 G 204 B 204 HEX # CCCCCC Pantone 1375 C C 0 M 45 Y 95 K 0 R 255 G 160 B 47 HEX # FFA02F Pantone Neutral Black 10% C 0 M 0 Y 0 K 10 R 230 G 230 B 230 HEX # E6E6E6
15
You’re Just My Type. 16
abcdefghijklmnopqrstuvwxys ABCDEFGHIJKLMNOPQRSTUVWXYS 1234567890(!@#$%^&*)
abcdefghijklmnopqrstuvwxys ABCDEFGHIJKLMNOPQRSTUVWXYS 1234567890(!@#$%^&*) abcdefghijklmnopqrstuvwxys ABCDEFGHIJKLMNOPQRSTUVWXYS 1234567890(!@#$%^&*) abcdefghijklmnopqrstuvwxys ABCDEFGHIJKLMNOPQRSTUVWXYS 1234567890(!@#$%^&*)
Roboto Slab The Roboto Slab type family is our primary corporate font. This font family comes in a range of weights to suit a multitude of purposes. It is optimized for print, web, and mobile interfaces. When technology allows for it, Roboto Slab should be used in web applications. The default fall-back font is Arial whenever Roboto Slab is unavailable.
17
TYPOGRAPHY
Aa
TYPOGRAPHY
Aa abcdefghijklmnopqrstuvwxys ABCDEFGHIJKLMNOPQRSTUVWXYS 1234567890(!@#$%^&*)
abcdefghijklmnopqrstuvwxys ABCDEFGHIJKLMNOPQRSTUVWXYS 1234567890(!@#$%^&*) abcdefghijklmnopqrstuvwxys ABCDEFGHIJKLMNOPQRSTUVWXYS 1234567890(!@#$%^&*) abcdefghijklmnopqrstuvwxys ABCDEFGHIJKLMNOPQRSTUVWXYS 1234567890(!@#$%^&*) abcdefghijklmnopqrstuvwxys ABCDEFGHIJKLMNOPQRSTUVWXYS 1234567890(!@#$%^&*)
Roboto Sans The Roboto Sans type family is our secondary corporate font. This font family comes in a range of weights to suit a multitude of purposes. It is optimized for print, web, and mobile interfaces. When technology allows for it, Roboto Sans should be used in web applications. The default fall-back font is Arial whenever Roboto Sans is unavailable.
18
Roboto Sans Bold Subhead Roboto Slab Bold Subhead Body copy – Roboto sans is the primary body copy font for all communication pieces. Do not use body copy font at any size less than 9 point. Please make sure the leading on all body copy is not to tight. For example, 9 point type feels best with 20 point leading.
DO WNLOA D OUR FONTS
Typography Hierarchy The primary typeface for body text on printed and online materials is Roboto Sans Light. Roboto Sans and Roboto Slab can both be used for headlings and subheads in various weights and faces. Above are examples of our suggested type hierarchy.
19
TYPOGRAPHY
Roboto Slab Light Headline
Odds & Ends 20
ODDS & ENDS
www.litmos.com www.litmos.com
URL When writing our URL in print, please use Roboto Slab Light, all lowercase. Keep the www, and in interactive media where the link is live, please underline 21
ODDS & ENDS
Iconography We use a variety of icons in our print and online collateral. We use a minimal flat style, geryscale in color with accents of our blue and green 22
ODDS & ENDS
Photography Vector graphics are our first love, but there will be times when we need a little more. When adding photography, we like images to be simple, warm, and all about communication. 23
Questions?
Contact Marketing@Litmos.com
24 REV. 07.30.2015