Brand Guidelines
cypherlearning.com
INTRODUCTION
01
Introduction
02. Who we are
03. What makes our products the best solution
04. Mission and vision
What’s
05. Values
06. NEO
07. MATRIX
08. INDIE
Visual guide
inside
09. Visual guide content
10. CYPHER LEARNING Horizontal logo
11. CYPHER LEARNING Stacked logo
12. CYPHER LEARNING Logo dont’s
13. CYPHER LEARNING Color palette
14. Typography
15. NEO Logo
16. NEO Color palette
17. MATRIX Logo
18. MATRIX Color palette
19. INDIE Logo
20. INDIE Color palette
21. Resellers Logo
22. Resellers Logo do’s and don’ts
www.cypherlearning.com
INTRODUCTION
02
Who we are
The company was founded in 2009 by Graham Glass, OUR PRODUCTS
CYPHER LEARNING
the CEO of CYPHER LEARNING and a serial entrepreneur
has headquarters in for K-20
with a track record of innovation.
San Francisco and
for Business
specializes in providing Graham has a strong background in education and
for Entrepreneurs
an intelligent learning software, having taught computer science and founding
platform for schools, two education companies. The company first started
organizations and with NEO in 2009 which soon grew into a very popular
entrepreneurs around LMS for schools. In 2010 the company launched the
the world. business version MATRIX. In 2017 INDIE, an LMS for millions 40+ 20000+
Entrepreneurs was launched. of users languages organizations
www.cypherlearning.com
INTRODUCTION
03
What makes our Beautiful, intuitive design that License fees that are half the price
products the keep users engaged of other vendors
best solution
Innovative features that make learning Extensive support at every step
and teaching more personalized of our collaboration
BEAUTIFUL. Cloud based architecture designed
INNOVATIVE. for easy implementation
CLOUD-BASED.
www.cypherlearning.com
cypherlearning.com
INTRODUCTION
04
Mission
and vision
We're dedicated to making Our mission is to improve education and have a bigger impact on the way people
teaching and learning an learn, by innovating through our platforms and helping our clients reach their goals.
enjoyable experience from Our vision for the future captures the essence of who we are, which is our passion
beginning to end. for education and our commitment to bring the best online learning and teaching
experience to organizations, schools, and individuals around the world. We provide
the best solutions for each market, by constantly focusing on innovation and
continuous improvement.
www.cypherlearning.com
INTRODUCTION
05
Our values
A great learning Passion for Dedicated to our Focussed Continuous
experience education customers innovation improvement
We believe that if users enjoy Our CEO started the company We want to help our clients get Innovation is the stepping stone We’re constantly improving our
the time spent in a platform, because of his passion for the best results and reach their for our company, we’re always products by adding new
they will become motivated and education. Today, as a team, goals. We take care of our trying to be one step ahead by features and keeping the
able to achieve more. That's why we're motivated by that passion clients by providing adding cutting-edge features design fresh and modern. We
wefocus on our platform's and try to offer the best comprehensive support and that will improve teaching and also make sure to listen to our
design and usability. solutions for our customers. listening to their feedback. learning activities. customers needs.
www.cypherlearning.com
INTRODUCTION
06
for K-20
NEO is a powerful learning platform that
delivers a great user experience, while
incorporating all the tools schools and
universities need to support efficient
teaching and learning.
www.cypherlearning.com
INTRODUCTION
07
for Business
MATRIX helps companies and
organizations manage e-learning
activities, such as delivering training,
tracking employee performance, and
selling online courses at a large scale.
www.cypherlearning.com
INTRODUCTION
08
for Entrepreneurs
INDIE is a platform designed for
individuals and entrepreneurs that want
an accessible way to market their
knowledge by creating, delivering, and
selling self-paced online courses.
www.cypherlearning.com
VISUAL GUIDELINES
09
Visual
GUIDE CONTENT
guide Logos Colors Typography
www.cypherlearning.com
VISUAL GUIDELINES
10
Horizontal lockup
EMBLEM WORDMARK
Horizontal logo
and tagline
Logo with clear space Logo reversed
Visual rules
• The CYPHER LEARNING emblem consists of the
three product brand color gradients.
• The CYPHER LEARNING wordmark is charcoal
(Pantone 419C) or HEX #272727.
• When the tagline is included in the lockup
please use the gap between CYPHER and
LEARNING as a measurement reference (x).
Logo with tagline Logo with tagline reversed
• Our tagline uses Poppins Regular and has a
70% opacity when placed over colors. ½X X
½X
www.cypherlearning.com
VISUAL GUIDELINES
11
Stacked lockup
EMBLEM WORDMARK
Stacked logo
and tagline
Logo with clear space Reversed
Visual rules
• At times a stacked lockup is a better fit for
the space available. Please keep in mind the
visual constraints to the right when using a
stacked lockup.
Logo with tagline Reversed
www.cypherlearning.com
VISUAL GUIDELINES
12
Don’t use our old logos Don’t rotate
Logo don’ts
Don’t add a stroke Don’t add drop shadows, outlines, or effects
Visual rules
• Don’t use our old logos
• Don’t rotate
• Don’t add a stroke
• Don’t add drop shadows, outlines or effects
Don’t place over busy backgrounds Don’t use gradients
• Don’t place over busy backgrounds
• Don’t use gradients
www.cypherlearning.com
VISUAL GUIDELINES
13
Primary colors Emblem gradients
CYPHER LEARNING #44EBE4 #0A899D
Color palette
Primary
The primary color for CYPHER LEARNING is deep Pantone 625C #7EBCC4 #485457
Hex #457370
green (Pantone 625C) and the wordmark is
charcoal (Pantone 419C).
Emblem Gradients
The emblem uses 3 gradients that represent the 3 Pantone 419C #CC45AC #3B2E67
sub-brands. When the emblem needs to be printed Hex #272727
in solid colors use NEO teal (Pantone 7711 C),
MATRIX green (Pantone 5565 C) and INDIE purple
(Pantone 258 C). Primary gradient Emblem solid colors
Gradients Solid colors
#5AA39C #304345 Pantone 7711C Pantone 5565C Pantone 258C
www.cypherlearning.com
VISUAL GUIDELINES
14
Usage Font family Download
Tagline
Headers Poppins https://fonts.google.com/specimen/Poppins
CTA text
Typography
Body
Roboto https://fonts.google.com/specimen/Roboto
text
Poppins is our primary font and it is
used for all taglines and headers
across all our brands.
Roboto is our secondary font and is Russian
used for body copy across all our Mulish https://fonts.google.com/specimen/Mulish
headers
brand content.
For language variations like Russian
and Arabic we use alternative fonts
as indicated.
Arabic JF Flat Regular https://arabicfonts.net/fonts/jf-flat-regular
text
www.cypherlearning.com
VISUAL GUIDELINES
15
NEO logo Reversed
NEO logo
Visual rules NEO LMS logo Reversed
• The NEO logo is in charcoal (Pantone 419C) or
HEX #272727.
• When BY CYPHER LEARNING is included in the
lockup please use the gap between NEO and the Logo with BY CYPHER LEARNING Reversed
tagline as a measurement reference (x). 2X
• When the website is added, please use the same
measurement as above. X
X
• The minimum clear space around the NEO logo is
shown to the right. Logo with BY CYPHER LEARNING and website Reversed
2X
X
X
X
cypherlearning.com cypherlearning.com
www.cypherlearning.com
VISUAL GUIDELINES
16
Primary colors Secondary gradients
NEO Color #3D6D9A #42B8CE
palette
Primary
The NEO LMS primary colours visually Pantone 7711C #21B990 #28E5A3
Hex #048497
communicate a young, fresh tone well
suited to its school and university market.
Secondary gradients
The secondary colors act as accents to Pantone 419C #2D7884 #44EBE4
create variation and contrast across the Hex #272727
brand visual communication.
Primary gradient Secondary colors
#0A899D #0A899D #28E5A3 #1D978F #1791A4 #219790
www.cypherlearning.com
VISUAL GUIDELINES
17
MATRIX logo Reversed
MATRIX logo
Visual rules MATRIX LMS logo Reversed
• The MATRIX logo is in charcoal (Pantone 419C)
or HEX #272727.
• When BY CYPHER LEARNING is included in the
lockup please use the gap between MATRIX and Logo with BY CYPHER LEARNING Reversed
the tagline as a measurement reference (x). 2X
• When the website is added please use the same
X
measurement as above. X
2X
• The minimum clear space around the MATRIX
logo is shown to the right. Logo with BY CYPHER LEARNING and website
2X
Reversed
X
X
X
cypherlearning.com cypherlearning.com
www.cypherlearning.com
VISUAL GUIDELINES
18
Primary colors Secondary gradients
MATRIX Color #378D79 #87C67B
palette
Primary
The MATRIX LMS primary colours visually Pantone 5497C #44A298 #5DE6D8
Hex #6A8285
communicate a corporate and mature tone.
Secondary gradients
The secondary colors act as accents to
create variation and contrast across the
Pantone 419C #FA893C #FDCC61
brand visual communication. Hex #272727
Primary gradient Secondary colors
#485457 #7EBCC4 #459A83 #91CC85 #7FBFB9 #778E91
www.cypherlearning.com
VISUAL GUIDELINES
19
INDIE logo Reversed
INDIE logo
Visual rules INDIE LMS logo Reversed
• The INDIE logo is in charcoal (Pantone 419C) or
HEX #272727.
• When BY CYPHER LEARNING is included in the
lockup please use the gap between INDIE and the Logo with BY CYPHER LEARNING Reversed
tagline as a measurement reference (x).
•
When the website is added please use the same
measurement as above.
• The minimum clear space around the INDIE logo
is shown to the right. Logo with BY CYPHER LEARNING and website Reversed
cypherlearning.com cypherlearning.com
www.cypherlearning.com
VISUAL GUIDELINES
20
Primary colors Secondary gradients
INDIE Color #407C70 #57AD9D
palette
Primary
The INDIE LMS primary colours visually Pantone 7664C #305875 #648DB3
Hex #623A81
communicate an independant and vibrant tone
well suited to its entrepreneurial market.
Secondary gradients
The secondary colors act as accents to Pantone 419C #E8A322 #F4D31F
create variation and contrast across the Hex #272727
brand visual communication.
Primary gradient Secondary colors
#483B74 #CC45AC #519286 #58AD9D #648DB3 #7575B4
www.cypherlearning.com
VISUAL GUIDELINES
21
Resellers Certified Reseller
logo Certified
Reseller
When using the resellers logo please
select the orientation that is best suited
for your website.
www.cypherlearning.com
VISUAL GUIDELINES
22
Do Don’t
Resellers logo
do’s and don’ts
Visual rules
• The reseller logo should only be placed on a solid
color or simple background.
• Please don’t place the logo on cluttered
backgrounds.
Do Don’t
www.cypherlearning.com
THANK YOU
23
These guidelines should be used in all
marketing communications.
If you have any questions or need high
quality images, please contact us at
[email protected]www.cypherlearning.com
www.cypherlearning.com
