Figma design system

Mindset Africa

A connected Figma library for Mindset Africa: foundations, reusable components and thirteen grade identities.

Visit website

Inside the Figma library

View read-only Figma
Brand palette, semantic roles and surface contexts.
Type families, hierarchy and readable combinations.
Reusable components, interaction states and icon sets.
Thirteen grades with linked badges and learner artwork.

The project, briefly

Design direction & system design
Kyra Pieterse / YeahCan

Mindset’s learning platform needed a shared visual language across grades, subjects and resources. I organised its existing brand into a Figma library of colour and type foundations, reusable components and connected grade identities.

The work focused on matching the live learning journeys, refining spacing and alignment, and keeping supplied artwork in one organised asset library. These screens show the system behind the website.

View read-only Figma

View-only file. Viewer copying and export are disabled in Figma.

Mindset brand artwork and learner illustrations supplied for the project. Shown for portfolio review; no reuse licence is granted.

01

Mindset Africa website

Visit website
Mindset Africa website
02

Grades

Visit website
Grades
03

About Mindset

Visit website
About Mindset
04

404 page

404 page
05

Grade 1 maths lessons

Visit website
Grade 1 maths lessons