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.

FluentSTEM
FluentSTEM

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.

Deep academic navy

Trust, focus, the page chrome.

Precision emerald

Valid logic, primary actions, growth.

Warm amber

Human help, attention, tutor presence.

Clean slate

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.

Valid step Broken step Specialist within five minutes Science · coming soon