Visual Identity Brief v3 · Internal Use
GENIUS+
Identity system for every occasion.

A complete brand system: logo, colours, two typographic voices, motif usage, stationery, social templates, textbook covers, and implementation plan.

Contents
01
Brand Foundation
02
Logo & the + Mark
03
Colour System
04
Two Typographic Voices
05
The + Motif
06
Stationery
07
Social Templates
08
Textbook Covers
09
Implementation
01 — Brand Foundation

The idea everything
is built around.

Every design decision in this system serves one idea: Genius Plus is the tuition centre that thinks more carefully than the others. About how children learn. About the materials they use. About what parents actually need to see and feel. This carefulness should be visible in every asset.

The Authority Voice
BUILT TO
EXPLAIN.+
For results, credentials, statistics, and anything that requires GPA to stand tall. This voice says: we know what we're doing, and here's the proof.
The Warmth Voice
Math that clicks.
For every child.
For parent communication, testimonials, taglines, and moments of genuine connection. This voice says: we see your child, and we believe in them.

Brand personality in three words: Intelligent. Warm. Precise. These three words should act as a filter for every design decision. If something feels cold or corporate, it's missing Warm. If it feels generic or unthought-through, it's missing Precise.


02 — Logo & the + Mark

YOUR GENIUS+
DNA. KEPT.

The existing logo has one genuinely strong asset: the "+" integrated directly into the wordmark. This stays. What changes is the font — from generic to purposeful — and how the "+" is coloured to become a recurring brand signal across all materials.

Current logo → Evolved logo: what changes
GENIUS+
Current · Generic bold · One colour
Mathematics · Est. 2017
Evolved · Playfair Display · Amber + · Sub-line
Mathematics · Est. 2017
Teal Background
White + Amber
Textbook covers, tote bags, branded merchandise. High visual impact.
Mathematics · Est. 2017
Dark Background
White + Amber
Email headers, dark website sections, inside cover of textbooks.
+
+
+
Mark Only
App / Favicon
For small-size digital use where the full wordmark won't read. Three colour variants shown.

What never to do

GENIUS+
× Never rotate
Always horizontal. No angled or diagonal versions.
GENIUS+
× Never on gradients
Solid approved colours only.
GENIUS+
× Never swap fonts
Playfair Display only. No substitutes.

In use across surfaces

Website · Letterhead · Documents
Mathematics · Est. 2017
Ink + Amber
Textbooks · Merchandise
Mathematics · Est. 2017
White + Amber
Email · Dark sections
Mathematics · Est. 2017
White + Amber
Print · Worksheets
Mathematics · Est. 2017
Ink + Amber
Achievement · USS posts
Mathematics · Est. 2017
Ink + White
App icon · Profile photo
+
+
+
Mark only · 3 variants

03 — Colour System

FOUR COLOURS.
ALL YOU NEED.

Restraint is the point. Most Singapore tuition brands use 6–8 colours inconsistently. GPA uses four, applied with discipline. The teal is deliberately rare in this market — it reads as specialist and considered, not clinical or aggressive.

Deep Teal
#1A6B6B
Primary
Warm Amber
#E8A030
Accent
Ink
#0F1117
Dark
Warm Cream
#F5F0E8
Background
Dark Teal #124848
Mid Teal #2A8F8F
Teal Tint #E8F4F4
Amber Tint #FDF3E3
Cream Dark #EDE7DA

Deep Teal · Primary

  • Logo mark on dark/light
  • Primary CTA buttons
  • Section headers
  • Textbook cover — Primary series
  • Social card backgrounds

Warm Amber · Accent

  • The "+" in the logo — always
  • Data callouts & statistics
  • Achievement highlights
  • Textbook spine accent
  • Story CTA buttons

Ink · Dark

  • All body copy on light bg
  • Headers and navbars
  • Dark background sections
  • Business card back
  • Results/stats sections

Warm Cream · Background

  • Primary page background
  • Document/print background
  • Workbook interior pages
  • Card backgrounds
  • Never as text colour

04 — Two Typographic Voices

One brand. Two moods.
Both essential.

The typography system has a deliberate split personality. This isn't inconsistency — it's range. The same brand can say "86% of our students improved" (Playfair Display, editorial, high-contrast) and "She came home happy for the first time" (Fraunces italic, warm, human). Both are true. Both are GPA. The occasion determines the voice.

Voice 01 · Authority
Playfair
Display+
When GPA needs to stand tall. Bold claims, credentials, data, the logo, textbook covers, section headers in high-stakes contexts. This voice commands attention and doesn't ask permission.
Results Stats Logo Covers Navigation CTAs
86% of our students improved.
Here's exactly why.
Voice 02 · Warmth
Fraunces Italic
When GPA needs to connect. Parent-facing copy, testimonials, taglines, founder voice, emotional moments, pull quotes. This voice creates trust, empathy, and the sense that a real human wrote this.
Taglines Testimonials Founder Landing pages Emails
"She stopped hiding her test papers.
She started asking for extra practice."

The occasion guide — which voice, when

Occasion / Context
Font to Use
Example
Homepage hero headline
Playfair or Fraunces
Bold claim = Archivo.
Emotional = Fraunces.
"MATH THAT WORKS." (Archivo)
"Math that finally clicks." (Fraunces)
Statistics & results
Playfair
86% — big, Amber, Archivo. Always.
Parent testimonials
Fraunces Italic
"He came home happy." — warm, in quotes, Fraunces 300 italic.
Tagline in context
Fraunces
"Math that clicks." — Fraunces 300 italic, Amber on "clicks".
Textbook title / cover
Playfair
FRACTIONS & DECIMALS — always Playfair Display, on cover.
Mrs. Toh bio / founder page
Fraunces
Pull quotes and personal statements in Fraunces italic.
Email subject lines
DM Sans
Plain, natural, human. Not all-caps. Not styled.
Social Stat posts
Playfair
The number = Playfair Display, Amber. The context = DM Sans.
Social Quote posts
Fraunces Italic
The quote = Fraunces 300 italic, white on teal.
WhatsApp messages
DM Sans
No styling — warm, natural, conversational prose.
Button labels / navigation
DM Sans 600
"Book a Trial Class" — DM Sans Semibold, Title Case, not all-caps.
Section eyebrow labels
DM Sans 600
RESULTS · 2025 — DM Sans Semibold, tracked +200, all caps, Teal.
Display · Playfair Display
72–108px · Uppercase · -0.01em tracking
MATH THAT
WORKS.
Display · Fraunces Italic
52–72px · Weight 300–700 · Italic
Math that clicks.
Subheading · Fraunces
22–28px · Weight 700
The educators behind every lesson — and why they still teach.
Body Copy · DM Sans
15–17px · Weight 400 · 1.75 line-height
Most children don't hate Math. They hate not understanding it. At Genius Plus, we help students move from "I don't get this" to "I actually understand" — through clarity, patience, and teaching that meets each child exactly where they are.
Eyebrow Label · DM Sans
10–11px · Weight 600 · +220 tracking · Uppercase
Class of 2025 · Results
Data · Playfair Display + DM Sans
Stat in Amber · Context in DM Sans below
86%
of our P6 students improved by at least 2 AL grades

Paired in context

Campaign headline — bold claim
Results · PSLE 2025
86% IMPROVED.
HERE'S HOW.
Across our entire P6 cohort — not cherry-picked. 61% improved by 3 AL grades or more.
Archivo headline → DM Sans body
Parent testimonial — emotional truth
Parent Review
"He stopped hiding his test papers. He started asking for extra practice."
— Parent of P6 student, PSLE 2025
Fraunces italic quote → DM Sans attribution
Landing page CTA block — mixed
READY WHEN
YOU ARE+
Let's help your child go from "I can't" to "I've got this."
Book a Trial Class →
Archivo headline → Fraunces tagline → DM Sans button
Textbook interior — functional
Topic 4.3
RATIO & RATE
When two quantities are compared by division, we call this a ratio. Let's look at how to set this up correctly for PSLE questions…
Archivo topic title → DM Sans body
Google Fonts — all free

Playfair Display: fonts.google.com/specimen/Playfair+Display · Load: 700, 900 + italic variants

Fraunces: fonts.google.com/specimen/Fraunces · Load: 300, 700, 900 + all italics · DM Sans: 300, 400, 500, 600


05 — The + Motif

THE BRAND'S MOST
OWNABLE ASSET+

The plus sign runs through the entire visual system at different scales and opacities. The rule: it should feel like atmosphere, not decoration. Always Playfair Display — the same font as the logo, keeping the visual connection.

+
Background Giant
Full bleed, 3–8% opacity. Behind hero sections and dark panels.
+++++ +++++ +++++
Tile Pattern
Grid at low opacity. Envelopes, tote bags, inside textbook covers.
+ Personalized marking and feedback on every submission
+ Direct WhatsApp access to your child's tutor
As Bullet Point
Replace standard bullets with + in Teal. Consistent with brand language.
+
Amber Standout
Full opacity on Amber. Achievement posts, prize announcements, USS trip content.

06 — Stationery

Physical materials that
hold the standard.

Every parent who receives a business card or letter forms an immediate quality impression. Note how the two typographic voices appear on the letterhead: Playfair Display for the wordmark, Fraunces italic for the tagline. Authority and warmth, side by side.

Business Card — Front
Mrs Eileen Toh
Founder & Principal Tutor
+65 9736 3029
[email protected]
geniusplusmath.com
Business Card — Back
Letterhead (A4 Preview)
GENIUS+
Math that clicks.
March 2026
Bukit Timah · Punggol · Pasir Ris · Zoom
geniusplusmath.com · +65 9736 3029
Note the letterhead header

The logo is Playfair Display (editorial authority). The tagline "Math that clicks." is Fraunces italic (warmth). Both voices, together, on one line. This is the system working as intended.


07 — Social Media Templates

Three post types.
One always fits.

Every social post is one of three types. This constraint keeps the feed cohesive. Notice which voice each type uses: stats speak in Archivo, quotes speak in Fraunces, tips use both.

Class of 2025
86%
of our P6 students improved by at least 2 AL grades
+ GENIUS+
Parent Review
"He came home from tuition happy. That part really surprised me."
— Parent of P5 student
+ GENIUS+
P6 Exam Technique
Why the model method beats working backwards for Ratio
Set up the ratio first and the working almost solves itself. Here's the exact approach we teach…
+ GENIUS+
PSLE 2025
61%
improved by 3 AL grades or more
Book a Trial →
GENIUS+
Type 1 · Stat (Playfair)
Ink background. Playfair Display number in Amber. DM Sans context. For results, cohort data, milestones.
Type 2 · Quote (Fraunces)
Teal background. Fraunces 300 italic in white. Attribution in DM Sans Amber caps. Parent testimonials only.
Type 3 · Tip (Mixed)
Cream background. Fraunces 700 headline. DM Sans body. For educational content — drives saves and shares.

08 — Textbook & Workbook Covers

THE MATERIALS ARE
THE PRODUCT+

GPA's 100+ in-house textbooks are its most powerful differentiator. The covers must look like something a parent would be proud to display. Three variants rotate across the library — all use Playfair Display for the title, reinforcing that the materials are serious, precise, and built with conviction.

Primary 6
Fractions &
Decimals
Term 2 · 2026
GENIUS+
5th Ed.
Secondary 3
Trigono-
metry
Term 3 · 2026
GENIUS+
3rd Ed.
Primary 4
Whole
Numbers
Term 1 · 2026
GENIUS+
Variant A · Teal

Primary series. Teal body, dark teal spine. Amber on level label and logo +.

Variant B · Ink

Secondary series. More serious and authoritative. Ink body, Teal spine.

Variant C · Cream

Holiday and crash-course workbooks. Lighter and more approachable. Amber spine.


09 — Implementation Plan

What to build,
in what order.

Sequence matters. Foundational assets must exist before templates can be built from them. Follow this order and the system compounds. Skip it and things will be inconsistent from day one.

Phase 1 · Foundations
Weeks 1–2 · Before anything else
Logo files: Produce primary + compact + mark-only in SVG, PNG (transparent), PDF. Export in all four approved background variants: ink-on-white, white-on-teal, white-on-ink, ink-on-cream.
Medium
Fonts installed: Download Playfair Display + Fraunces + DM Sans on all team devices. Set up in Canva Brand Kit. Remove all other heading fonts from the approved list.
Low
Colour tokens: Add all hex values as named swatches in Canva / Figma. Every person pulling from the same palette — no eyedropping, no guessing.
Low
Brand folder: Shared drive with sub-folders: /Logos /Fonts /Colours /Templates /Social /Print. Single source of truth. Anyone producing content goes here first.
Low
Phase 2 · Templates
Weeks 3–4 · Build the toolbox
Social templates in Canva: Three post types (Stat, Quote, Tip) at 1080×1080. One Story template at 1080×1920. Lock brand elements — only content text editable by non-designers.
Medium
Business cards: Front (Teal) + back (Ink). 400gsm uncoated, matte laminate. Order 50 first to verify colour before bulk print.
Medium
Letterhead: A4 Word/Google Docs template. Playfair Display + Fraunces italic in the header (the two voices, together). Non-editable header zone to protect logo placement.
Low
Textbook cover templates: All three variants (Teal, Ink, Cream). Playfair Display locked for all titles. Editable fields: level, subject, term, edition only.
High
Phase 3 · Website & Digital
Weeks 5–8 · Roll out everywhere
Homepage: Replace heading font with Playfair Display (authority headlines) and Fraunces italic (taglines/emotional moments). Switch background from white to Cream (#F5F0E8). Single highest-impact change.
High
Social bios: Profile photo = Amber + on Ink background. Bio = "Math that clicks. Primary & Secondary Mathematics specialists." Consistent across Instagram, Facebook, TikTok.
Low
Email signatures: Genius Plus in Playfair Display, "Math that clicks." in Fraunces italic below. Contact in DM Sans. No background colours.
Low
Textbook covers on reprint: Apply three cover variants on next natural reprint cycle. Do not reprint existing stock early — let the identity roll in over 2026.
High
The single rule to remember

Consistency over
perfection.

A slightly imperfect execution of the right brand is worth infinitely more than a perfect execution of the wrong one. When in doubt: Teal or Ink background. Playfair Display for authority. Fraunces italic for warmth. Amber on the +. The brand coheres before the individual assets are polished.