

Brand & Style Guide
Logo
This mark has been specially created. Under no circumstances should it be changed or manipulated. For legibility, the minimum size to use the mark is 10mm high. This mark can be used at virtually any size, depending on the application, material and printing technique used. However, for brand consistency in literature, sizes are set.




Usage
A
Full colour version



B
Pantone version



C
Black version


D
Greyscale version


E
Reversed Versions






Note:
The correct version of the logo should be selected to suit the background against which it is being placed. Always ensure the logo can be read easily against the background.
Clearance Spacing


Logo Guidance
The following are some examples of incorrect usage of the LearnOn logo.


Do not stretch, alter or manipulate the logo.


Do not place other elements or marks within the inclusion area that may be confused as logo/part of the LearnRight logo.


Do not change the colours of the logo aside from the ways specified above.


Do not type out LearnRight in other weights.


Do not fade or ghost the logo


Do not use effect shadows with the logo.


Do not use the elements of the logo in solation.


Do not type out LearnRight in all caps or no caps.
Colours
Primary Colours


RGB: | 95 182 156 |
---|---|
CMYK: | 63 7 48 0 |
HEX: | 5fb69c |
PMS: | 2459 C |






RGB: | 68 161 205 |
---|---|
CMYK: | 69 22 7 0 |
HEX: | 44a1cd |
PMS: | 2389 C |






RGB: | 35 16 73 |
---|---|
CMYK: | 96 100 33 44 |
HEX: | 231049 |
PMS: | 2765 C |




Use Of Colour For The Printed & Digital Advertising Of LearnRight
The following palette has been selected for use in LearnRight communications. Lighter tints of these colours are also allowed, but the Logotype + background may only be used with a 100% tint.
Typography
Light Background


RGB: | 24 32 39 |
---|---|
CMYK: | 81 69 59 71 |
HEX: | 182027 |
PMS: | 7547 C |


RGB: | 87 96 103 |
---|---|
CMYK: | 67 54 47 22 |
HEX: | 576067 |
PMS: | 4194 C |


RGB: | 248 248 248 |
---|---|
CMYK: | 2 1 1 0 |
HEX: | f8f8f8 |


RGB: | 255 255 255 |
---|---|
CMYK: | 0 0 0 0 |
HEX: | ffffff |
Secondary Colours
Secondary colours must be used sparingly throughout illustration, photography, and product to reflect the variety and diversity of content across LearnRight. Colours should be selected to reflect subject matter being presented.
We recommend the number of secondary colours used in combination to be no more than three or four and must not exceed 10% of the total content it will be put in.


#592659


#79336c


#923570


#a0286c


#fb6fbb


#dd8bdf


#efbbed


#feafad


#fe766a


#f68651


#f1a353


#f9be4a


#66d3ac


#60b09a


#333f37


#94a19b


#c3c1cd


#827171


#272650


#373660


#36396f


#6d69dc


#8776e7


#5b3397


#3a1f62


#45a2cd


#79d9ff


#cae0fa
Typography


Main Text
Aa Bb Cc Dd Ee Ff Gg Hh Ii
Jj Kk Ll Mm Nn Oo Pp Qq Rr
Ss Tt Uu Vv Ww Xx Yy Zz
Weight: | usage: | size: | Colors: |
---|---|---|---|
Regular | Title | 60px | |
Regular | H1 | 36px | |
Regular | H2 | 20px | |
Medium | Button Text | 18px |




Scale your online training with software that works.
Scale your online training with software that works.
Scale your online training with software that works.


Sub Text
Aa Bb Cc Dd Ee Ff Gg Hh Ii
Jj Kk Ll Mm Nn Oo Pp Qq Rr
Ss Tt Uu Vv Ww Xx Yy Zz
Weight: | usage: | size: | Colors: |
---|---|---|---|
Regular | Body text, Description | 18px |




With LearnRight, you can get up and learning in days – not weeks. Completely customisable, LearnRight is a learning management system designed to make customers, students, partners, and employees love the learning experience.
LearnRight has you covered with all the learning management features you could need, including: webinars, quizzes, assessments, modules, file management, certificates, credits/hours recording, user types, admin access, and group management. LearnRight can be completely customised for your needs – only see what you want, when you need it.
UI Elements
TOOLTIP
Iconography
Overview
LearnRight icons and their usage principles were designed to communicate quickly and efficiently across all touchpoints (from product to services to platform marketing).


Franchisee training


Partner training


Employee onboarding


Employee development


Sales training


Customer training


Member training


Product training


Compliance training


Online courses


Education


Online communities
Construction & Configuration
Inititally we get most our icons through https://thenounproject.com/ or https://www.flaticon.com/.
In most cases we needed to change the colours to encorporate it with LearnRight’s branding, but in some occasions minor tweeking is needed to get the visual it needs to resemble. If needed, icons may be drawn on a 48x48px grid frame. Each frame includes a two pixel padding on all sides as guidance.
However, it’s acceptable to go beyond the padding or off the key lines if doing so improves the optical balance of the icon.
When downloading icons, please follow similar style/type of icons to use for LearnRight and encorporate them in similar ways done with the samples below.
Default Colour


48×48 grid
Hovered Colour


48×48 grid
Ilustration
Overview
Our illustration style builds off the simple shapes of our logo and generates the learning service vibe background of our typeface.
Playful shapes, clean lines, complimenting colors, and approachable technology ambience give our illustration a branded feel and make it easy to digest and understand at fist sight.







Construction & Configuration
We get our illustrations through https://www.freepik.com/home.
In most cases we needed to change the colours to encorporate it with LearnRight’s branding, but in some occasions minor tweeking is needed to get the visual it needs to resemble. If needed, illustrations colours should be encorporated with LearnRight’s branding to create consistency and balance with the overall design.
When downloading illustrations, please follow similar style/type of illustrations to use for LearnRight and encorporate them in similar ways done with the sample below.





LearnRight Visual Branding Resources
Get the resources you need here from brochure cover, presentation cover, lead magnet cover, email signature and business cards working files.
For more support with artworks, templates
email: info@learnright.co