Waypoint style guide
The shared building blocks every screen is made from, matched to the design mockups.
Colours
- ground
- surface
- ink
- muted
- line
- primary
- primary-soft
- behind
- on-track
- ahead
- urgent
- medium
- check
- star
Text
Heading: Bricolage Grotesque
Body text: Figtree. Plain words a Year 4 student can read.
Muted text for labels and details.
Buttons
Lesson conversation and question
Tutor: Let's try it a different way, Jack. Here are two muesli bars, exactly the same size.
You: the same?
Tutor: Yes! Two quarters cover exactly the same amount as one half.
Which fraction is the same amount as 1/2?
Choose one, then check.
Messages
Help is on the way. Your instructor can see you asked. Keep going while you wait.
Hint: look at the blue bar again.
That's it! Ready for a trickier one?
Not quite. Have another look, then try again.
Wellbeing alert. Shown to adults only. A person always follows up.
Flag and pace labels
UrgentHighMediumCheckLow
BehindOn trackAhead
Progress
18 of 26 skills mastered