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 GuideExplore our starter guide to help you understand the app better!
Pandai App User Guide

Section A1 : Logo

Beauty of Mathematics in its most elegant form

The Name Pandai means smart in Malay. Our logo speaks a picture of the Pandai mark, a modern solution that transcends geographical barriers through technology. Precise, simple, purposeful.

Logo PrimaryWith a touch of elegance.
Logo Primary
Download
Logo Primary
Download
Logo AlternatesColor and classy
Logo Alternates
Download
Logo Alternates
Download
Brand MarkWe perfected the logo mark variation of our iconic Pandai – but better.
Brand Mark
Download
Brand Mark AlternatesThe Iconic Piece, now in Elegance Form.
Brand Mark Alternates
Download

Logo On Color Background

On white, dark or dark green, our logo appears in full color, on our green, a single color Dark version should be used. Always make sure there is enough contrast between the logo and the background.

Minimum Size :
  1. Scaling of 120 pixels (w) with constrained (H) for Digital
  2. Scaling 1.25' for Print

Section A2 : 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.

Logo clearspace left
Logo clearspace right

Brand Mark Clearspace

40px of clearspace on all sides is compulsory on any applications (Current Scale).

Brand mark clearspace left
Brand mark clearspace right

Section A3 : 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 stretch

Do not scale either word independently

Do not scale either word independently

Do not scale the symbol

Do not scale the symbol

Do not outline

Do not outline

Do not use any color besides the primary brand colors

Do not use any color besides the primary brand colors

Do not use dropshadow

Do not use dropshadow

Do not place on confusing patterns & images

Do not place on confusing patterns & images

Do not apply patterns

Do not apply patterns

Logo Placement on Various Media

When using the logo in 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.

Wrong logo placement
Correct logo placement

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.

Partnership lockup example 1

Lockups also can be Emphasized based on collaborators needs/requirements or as options for them/us to choose. 👇

Partnership lockup example 2

Section A5 : 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({[]})*!?,-——©&%$c#@™ °€£¥+-×=«»""

Get FontDownload
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({[]})*!?,-——©&%$c#@™ °€£¥+-×=«»""

Get FontDownload

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 A6 : 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 : #00CC85

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/5/0

LAB : 63 65 2

GrayScale : 42

Get Color SwatchDownload in .ASE Format

Section A7 : 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
Aidan
Nadia
Nadia
Character Actions
Character Actions
Get Character IllustrationsFind Out More

Section A8 : Mascot

Introducing, PBot

A lovable character that evokes smiles, laughter, and forges memorable connections.

PBot

Our lively ambassador with a playful and approachable features.

PBot
PBot

PBot is Pandai's lovable mascot — a cheerful robot companion designed to make learning feel fun, approachable, and rewarding. With expressive features and a vibrant colour palette, PBot brings energy and personality to every Pandai touchpoint.

Get PBot IllustrationsFind Out More

Section A9 : 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.

Get ElementsDownload .SVG