Brandbook for Pandai
Brand Guideline & Assets Repository
Introduction
The Start of a Journey
Welcome to the universe of knowledge where learning meets innovation, Pandai Education - a modern solution that transcends geographical barriers through technology.
A journey to live our core values.
Brand Message
An Online Learning App Providing Learning Materials & Online Tuition for All School Students with All Subjects based on MOE Syllabus.
Brand Values
Quality
MOE-Syllabus-based, our content is made and refined by experienced tutors
Innovation
Taking conventional learning styles all in one app. Digitised. Personalised. Accessible.
Passion
Dedicated to instilling love for education in students, ensuring their academic success.
Trust
Trusted by over 600,000 students and a substantial network of partners and supporters.
Tone of Voice
Our communication strategy builds a bridge between Pandai and students. It narrates a story that communicates Pandai’s unique values.
Building Bridges with Narratives
Our communication strategy builds a bridge between Pandai and students. It narrates a story that communicates Pandai’s unique values.
Friendly
MOE-Syllabus-based, our content is made and refined by experienced tutors
Inspiring
Taking conventional learning styles all in one app. Digitised. Personalised. Accessible.
Dynamic
Dedicated to instilling love for education in students, ensuring their academic success.
Pandai App Starter Guide
Explore our starter guide to help you understand the app better!
Section A1 : Logo
Beauty of Mathematics
in its most elegant form
The Fano Plane:
A wondrous world of seven points and seven lines, where each point connects with exactly three lines. Simple, yet meaningful.
Logo On Color Background
On white, dark, or dark green, our logo appears in full color. On our green, a single color, black version should be used. Always make sure there is enough contrast between the logo and the background.
Minimum Size :
Scaling of 120 pixels (w) with constrained (H) for Digital
Scaling 1.25' for Print
Section A3 : Logo Clearspace
The clearspace around our logo should always be maintained when used in isolation of our logo.
The used of "a" letter from the logo that creates a clear space for every sides.
Brand Mark Clearspace
40px of clearspace on all sides is compulsory on any applications (Current Scale).
Section A2 : Logo Do's & Don'ts
Do not alter the logo. Avoid the following common mistakes. The logo has been carefully constructed, so please don’t break it. You should avoid any of the following treatments or alterations to the logo.
Do not stretch
Do not scale either word
independently
Do not scale the symbol
Do not outline
Do not use any color
besides the primary brand colors
Do not use dropshadow
Do not place on confusing
patterns & images
Do not apply patterns
Logo Placement on Various Media
When using the logo on an image, avoid placing the logo in areas with too much visual clutter.
Place the logo in an area with open space and minimal color variation and texture.
A well-placed logo fosters brand recognition. Choose a fixed position for your logo—such as the bottom right or top left—and stick with it across all visuals. This prevents inconsistency and makes branding instantly recognizable.
Section A4 : Partnership Lockups
When locking Primary/Corporate Logo with partner or collaborations, venues and events, we should use consistent spacing to create a uniform composition across all lockups.
Lockups also can be Emphasized based on collaborators needs/requirements or as options for them/us to choose.👇
Section A6 : Typography
Captivating Fonts With
Playful Personality
After nights of rummaging through the vast sea of fonts
Primary & Complimentary Font
We finally found Poppins & Storytime. Readability, versatility and visually pleasing all in one.
Aa
Poppins
Primary Type Face
A B C D E F G H I K L M N O P Q R T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
#1234567890([{}])|*!?:;,.-–—©&%$¢#@®™ °€£¥+−×="'«»“”
Get Font
Aa
Storytime
Secondary Type Face
A B C D E F G H I K L M N O P Q R T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
#1234567890([{}])|*!?:;,.-–—©&%$¢#@®™ °€£¥+−×="'«»“”
Get Font
Usage Principles
This is a guide that outlines general typesetting principles. Use them as a reference any time our typefaces are used.
Use generous padding and margins when left aligning type in a composition
Do not align type
outside of the margin
Use scale for emphasis
DO NOT USE UPPERCASE TO CREATE EMPHASIS IN HEADLINES
Section A7: Colors
Shades of Expression
From the brand’s logo all the way to the application itself. Distinct colors that paint the world in the radiant palette of limitless possibilities.
Primary Palettes
The unspoken ambassadors of Pandai
Growth and Learning
When you think of green, you think of correct answers!
RGB : 0/204/133 HEX : #0CC85 CMYK : 71/0/67/0 LAB : 73 -57 22 GrayScale : 47
Secondary Palettes
The artful fusion of personality and innovation.
Love and Compassion
Pandai Teacher blossoms knowledge and flourishes hearts
RGB : 255/92/152 HEX : #FF5C98 CMYK : 0/79/9/0 LAB : 63 65 2 GrayScale : 42
Get Color Swatch
Section A8 : Character Illustrations
Fun, Exciting & Quirky
Our set of illustrations assimilate beautifully with our tone of voices to reflect our artistic visuals and characters
Brand Faces : Aidan & Nadia
When it comes to Primary character illustration, we make use of very thin strokes to create a beautifully crafted character that fits nicely with most of our collaterals use cases.
Aidan
Nadia
Character Actions
Get Character Illustrations
Section A9 : Mascot
Introducing,
PBot
A lovable character that evokes smiles, laughter, and forges memorable connections.
PBot
Our lively ambassador with a playful and approachable features.
Primary
Wireframe
Primary
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.
PBot
Get PBot Illustrations
Section A10 : Functional Illustrations
We created a set of illustrations to help communicate specific product features and elements.
Many of them are versatile enough to help tell various product stories.
