Default 
Active
Next
Copyright © 2021 LearnRight. All Rights Reserved
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
It is important that the logo is used correctly and consistently in all applications.
The following are some examples of incorrect usage of the LearnOn logo.
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.
For more support with artworks, templates
email: info@learnright.co