Limited time offer – 20% off when you sign up today!
LearnRight logo inverted

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.

LearnRight logo with white background
LearnRight logo with background colour

Usage

A

Full colour version

LearnRight

B

Pantone version

LearnRight

C

Black version

LearnRight

D

Greyscale version

LearnRight

E

Reversed Versions

LearnRight logo inverted
LearnRight logo inverted

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

LearnRight

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.
LearnRight

Do not stretch, alter or manipulate the logo.

LearnRight

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

LearnRight

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

LearnRight

Do not type out LearnRight in other weights.

LearnRight

Do not fade or ghost the logo

LearnRight

Do not use effect shadows with the logo.

LearnRight

Do not use the elements of the logo in solation.

LearnRight

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
LearnRight green shades
LearnRight green shades
RGB: 68 161 205
CMYK: 69 22 7 0
HEX: 44a1cd
PMS: 2389 C
LearnRight blue shades
LearnRight blue shades
RGB: 35 16 73
CMYK: 96 100 33 44
HEX: 231049
PMS: 2765 C
LearnRight violet shades
LearnRight violet shades
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
LearnRight colour
RGB: 24 32 39
CMYK: 81 69 59 71
HEX: 182027
PMS: 7547 C
LearnRight colour
RGB: 87 96 103
CMYK: 67 54 47 22
HEX: 576067
PMS: 4194 C
LearnRight colour
RGB: 248 248 248
CMYK: 2 1 1 0
HEX: f8f8f8
LearnRight colour
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.

LearnRight colour

#592659

LearnRight colour

#79336c

LearnRight colour

#923570

LearnRight colour

#a0286c

LearnRight colour

#fb6fbb

LearnRight colour

#dd8bdf

LearnRight colour

#efbbed

LearnRight colour

#feafad

LearnRight colour

#fe766a

LearnRight colour

#f68651

LearnRight colour

#f1a353

LearnRight colour

#f9be4a

LearnRight colour

#66d3ac

LearnRight colour

#60b09a

LearnRight colour

#333f37

LearnRight colour

#94a19b

LearnRight colour

#c3c1cd

LearnRight colour

#827171

LearnRight colour

#272650

LearnRight colour

#373660

LearnRight colour

#36396f

LearnRight colour

#6d69dc

LearnRight colour

#8776e7

LearnRight colour

#5b3397

LearnRight colour

#3a1f62

LearnRight colour

#45a2cd

LearnRight colour

#79d9ff

LearnRight colour

#cae0fa

Typography

LearnRight font-family Palanquin Dark

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.

LearnRight font family Hind

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

FORMS

CHECKBOXES

   Default     Active

RADIO BUTTONS

Pop up

LearnRight theank you for proving your details, your resource is on the way to you by email

BUTTONS

Primary

Secondary

Hyperlinks

SLIDESHOW ARROWS

Prev           Next

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).

LearnRight franchising icon

Franchisee training

LearnRight partner icon

Partner training

LearnRight onboarding icon

Employee onboarding

LearnRight employee growth icon

Employee development

LearnRight bonus icon

Sales training

LearnRight customer training icon

Customer training

LearnRight member icon

Member training

LearnRight product icon

Product training

LearnRight compliance icon

Compliance training

LearnRight online courses icon

Online courses

LearnRight education icon

Education

LearnRight social network icon

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

coloured icon

48×48 grid

Hovered Colour

coloured icon hover

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.

icon with charts
LearnRight illustration image
icon of hands over the world

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.

icon with charts
LearnRight configurations icon

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

Scroll to Top

Download your guide now