Manual
Manual
Manual
Identity Guidelines
INDEX
1
Logo and it’s usage
The meaning behind the logo Identity
•It includes the name, symbol, word, phrase, image, or any other
badge that identifies the origin of any of Toppr’s products.
COLORED BACKGROUNDS
On Visuals
Incorrect Use
Use the logo over visuals after adding If you do not wish to add an opaque
an opaque layer, only in Digital Media layer, use the logo with a white unit
Incorrect Use
Don’t use the logo over Toppr’s Don’t use an outline of the logo Don’t use the arrow without the Don’t use the Toppr name or any logos
blue colour wordmark with any other logo, company name, or
mark.
Logo badges
Learning app
for classes 5th to 12th
Learning app for classes 5th to 12th
Learning app
Learning app
for classes 5th to 12th
for classes 5th to 12th
Sub Brands
LIVE
CLASSES
LIVE
CLASSES
EXAMS
EXAMS
ACHIEVERS
EDUCATION
TALKS
TALKS
Video Practice
Lectures Questions
The icons below represent various subjects available in the app when used on a light background.
Oc
Commerce Commercial Studies Commercial Statistics Default Default
Application
Icons for subjects
The icons below represent various subjects available in the app when used on a dark background.
Oc
Commerce Commercial Studies Commercial Statistics Default Default
Application
4
Colors
Primary brand colours
#55BBEA
848484 FCBA5C
Video Lectures Practice
F27778 4F87C6
Doubts Tests
Secondary brand colours
These are our secondary bran colours. They have been used in the app to denote various subjects, and are used as colours of
various elements in social media posts.
CLASS XII
Illustration Style
Our other illustrations are detailed with shadows and highlights. They do not
contain any strokes or outlines but are fill.
They are similar to our characters in terms of design style and colours.
Illustration style
These are designs used in print. We use bright colours to make our illustrations vibrant and eye-catchy.
FACE YOUR
BOOK, DON’T LADKI
BE-YOU-TIFUL
FACEBOOK
CHINTA MY
CHHOD SAVIOUR
CHINTAMANI (DURING EXAMS)
3
Typography
Primary Typeface
Light
Regular
Semibold
Bold
Secondary Typeface
Beginnings
design.
Regular
Happy Branding!
Icons for modules
On white backgrounds
On black blackground
On Light background
On dark background
5
Social Media
Social Media
848484
Topical Day posts
Our topical posts are specially created for festivals and other celebratory days. They can be made using illustrations
and Toppr characters, various graphs, typography, and images.
We use various properties to create a wide array of engaging posts. These properties change as per the time of the
year and our students’ journey in the academic cycle.
Rakshabandhan
INTERESTING REACTIONS
NOMENCLATURE
HOW TO DRAW
HEXAGONS
Happy Rakshabandhan
#QUIZZLR
Line spacing is the space between two Letter spacing (also known as
lines. character spacing or tracking) is
Headlines should maintain a line the horizontal white space
spacing of 100% the font size. between letters.
Any other text should maintian it at Letter spacing should be between
120% the font size. 0 - 10, depending on the design.
120%
Lorem ipsum dolor sit
amet, consectetuer adipisc-
ing elit, sed diam nonummy
0 Lorem ipsum dolor sit
amet, consectetuer adipisc-
10 pt Font Size ing elit, sed diam nonummy
nibh euismod tincidunt ut 10 pt Font Size
laoreet dolore magna nibh euismod tincidunt ut
laoreet dolore magna
150%
Lorem ipsum dolor sit
amet, consectetuer adipisc-
10 Lorem ipsum dolor sit
amet, consectetuer adipi-
10 pt Font Size scing elit, sed diam
10 pt Font Size ing elit, sed diam nonummy nonummy nibh euismod
nibh euismod tincidunt ut tincidunt ut laoreet dolore
laoreet dolore magna
20
Lorem ipsum dolor sit
amet, consectetuer
10 pt Font Size adipiscing elit, sed diam
nonummy nibh euismod
tincidunt ut laoreet