SGEG
Saving Grace Education Group Brand OS · Style
Powered by Base X Studio
Brand Style Guide · v1.0 · 2026

The visual operating system of Saving Grace Education Group.

A reference for our internal team, vendors, and anyone authorised to work with the SGEG brand. The standards within are grounded in years of research, experimentation, and the brand executions that brought us here.

Client Saving Grace Education Group
Prepared by Base X Studio
Last updated May 2026
Status Active · Living document
02 · Brand colours

Colour sets us apart and helps invoke emotion.

Our palette is drawn from the building blocks of learning — the primary geometry of education. It is vital that colours are reproduced faithfully and combined according to the rules below.

Primary Navy
Foundation
HEX   #26358C RGB   38 · 53 · 140 CMYK  100 · 89 · 0 · 0
Cyan
Accent
HEX   #26BBC1 RGB   38 · 187 · 193 CMYK  70 · 0 · 30 · 0
Red
Highlight
HEX   #E31A51 RGB   227 · 26 · 81 CMYK  1 · 96 · 51 · 0
Yellow
Highlight
HEX   #F9BE00 RGB   249 · 190 · 0 CMYK  2 · 27 · 100 · 0
Light Grey
Surface
HEX   #F2F2F2 RGB   242 · 242 · 242 CMYK  0 · 0 · 0 · 7
Mid Grey
Secondary text
HEX   #999998 RGB   153 · 153 · 152 CMYK  0 · 0 · 0 · 52
White
Surface
HEX   #FFFFFF RGB   255 · 255 · 255 CMYK  0 · 0 · 0 · 0
Brand gradient
Expressive surface
FROM #26358C TO   #26BBC1 USE   Hero, social, expressive
Pairing 01 · Foundation
Navy on white. Cyan as the accent.
The default pairing for almost everything.
Pairing 02 · Reversed
Navy ground, white type, cyan emphasis.
For hero moments and high-contrast surfaces.
Pairing 03 · Expressive
Cyan surface, navy type, yellow or red as punctuation.
For social, illustration, and energy moments.
03 · Typography

We are obsessed with the beauty of typography.

Few things communicate the look and feel of a brand more clearly than the way letters, numbers, and symbols are put together. Our type system strikes a balance between legibility and interest.

Headings
Poppins

A versatile, geometric sans-serif. Clean, monolinear strokes and a contemporary feel — used for headings, logos, and primary moments.

Light · 300Aa Bb Cc 1234567890
Medium · 500Aa Bb Cc 1234567890
Bold · 700Aa Bb Cc 1234567890
In useSelf-paced learning, structured support.
Body & UI
Inter

Designed for screens by Rasmus Andersson. Tall x-height, wide glyph set, optimised for legibility at every size — used for body copy, UI, and most digital surfaces.

Light · 300Aa Bb Cc 1234567890
Regular · 400Aa Bb Cc 1234567890
Bold · 700Aa Bb Cc 1234567890
In useSaving Grace Education offers comprehensive online homeschooling and private tutoring services tailored to South African students.
Highlight & accent
Noto Serif

A modulated serif from the Noto family. Used sparingly — for pull quotes, editorial moments, and italicised highlights that need to feel grounded and considered.

Light · 300Aa Bb Cc 1234567890
Medium · 500Aa Bb Cc 1234567890
Bold · 700Aa Bb Cc 1234567890
In use"Empowering learners to thrive at their own pace."
04 · Visual style

Ingredients for on-brand layouts and composition.

Beyond logo, colour, and typography, brand consistency is built from layout principles, image treatments, iconography, and the small marks that make every surface unmistakably ours.

Backgrounds Three approved surfaces

Backgrounds are either white, navy, or a full-bleed image. Avoid arbitrary colour fills — always anchor to one of the three.

White
Image
Image treatments Three approved frames

Images appear as isolated figures on solid backgrounds, inside circle or triangle "windows", or as full-bleed backgrounds with text held in rounded boxes.

Circle
Triangle
Rounded box
Iconography Medium-weight outlines, geometric shapes

Service icons use medium-weight outline strokes and geometric construction. Default colour is navy on light grounds; cyan when emphasis is needed.

Calls to action Pill-shaped, footer-anchored

CTAs are placed in the footer of layouts, in pill-shaped buttons. Use the Primary navy button as the default; cyan and outline variants for hierarchy.

Enrol now → Learn more Download brochure Apply today
05 · Brand collateral

Pre-designed layouts, crafted with care.

Templates exist for the most common brand applications — business cards, letterhead, email signatures, apparel, web, and social. Most specific guidelines live inside the template files themselves.

Charles MukembeBusiness & Marketing Strategy Director
Business cards
Standard · 90 × 55mm
Letterhead
Standard A4 · digital + print
SGEG Self-paced
learning
Apparel
T-shirts · hoodies · puffer jackets
Cambridge curriculum
Built for learners who think differently.
Enrol now
Social media
Instagram · TikTok · Facebook · LinkedIn
Leaders in online homeschool & self-paced learning.
Website
savinggraceeducation.co.za
SG
Badges & merchandise
Notebooks · totes · mousepads
06 · Approval & contact

This guide is a living document.

Refer back often. The standards evolve as the brand evolves. For approvals, queries, or new applications, reach out to the design team or your Base X Studio brand partner.

Approval process

Build with intention. When in doubt, ask.

Any execution outside or in conflict with this guide is considered unauthorised. Reach out before you ship — we are here to help, not to gatekeep. Most queries take fewer than 24 hours to resolve.

Dee Mukembe Founder · CEO · SGEG dee@savinggraceeducation.co.za
Charles Mukembe Business & Marketing Strategy Director · SGEG charles@savinggraceeducation.co.za
Otoabasi Bassey Brand Partner · Base X Studio oto@basexstudio.com