Trust, focus, the page chrome.
Brand kit
Academic navy. Precise emerald. Human amber.
A STEM learning brand that currently speaks about math. The kit is calm enough for a parent at 9 p.m. and exact enough for a derivation. Tokens live in css/styles.css.
Mark
A page, and a step that held.
The mark is a notebook page with an emerald check. Wordmark: Fluent in the text colour, STEM in emerald. On navy, STEM is #34D399 so it stays readable.
Colour
Four brand colours, plus the red reserved for a broken step.
Emerald means a valid step and forward motion. Amber means a person, a warning, and warmth. Red is only the mark on student work. Click a hex value to copy it.
Valid logic, primary actions, growth.
Human help, attention, tutor presence.
Page background. Low glare.
— red on the broken line and its fallout. It is not a brand fill for buttons or headlines.
Type
Plus Jakarta Sans
Headings, navigation, and interface. Geometric, plain, and quiet. Weights in use: 500, 600, 700.
STIX Two Text — 3(x − 2) = 2x + 5
Mathematics is set in STIX Two Text so a derivation looks like a derivation. Use italic for expressions inside a sentence.
Voice
Empathetic. Rigorous. Modern.
- Name the step that slipped, and the repair.
- Talk about the syllabus the child is sitting.
- Say when a person joins, and that the child keeps the pencil.
- Keep investor language, cost structure, and unreleased subjects off parent pages. Point unreleased subjects to “coming soon.”
Lines we repeat
Taglines
Primary
Master high-stakes math with AI precision and human heart.
Secondary
From scratchpad to mastery: guaranteed 5-minute STEM unblocking.
Hook
No more homework deadlocks.