Skip to main content
Product Updates5 min read

A Fresh New Look for iTutor: Paper and Emerald

iTutor has a new face: warm paper, crisp ink, and a single emerald accent, with a highlighter that turns a student's own notes into study tools right on the homepage. Here is what changed, the reasoning behind every decision, and where the new design language lands next.

iTutor TeamJuly 14, 2026

If you have visited the iTutor homepage this month, you may have noticed something: it does not look like it used to. The bright indigo and cyan are gone. In their place, warm paper, crisp ink, and one confident stroke of emerald. This is not a coat of paint. It is a new design language, and it is spreading.

Redesigns usually get announced with adjectives. We would rather show you the actual decisions, because the reasoning is the interesting part. Alongside the new Study Plan and voice mode, this is the third pillar of our July update.

Paper and Emerald

We call the new system Paper and Emerald. The ground of every page is a warm paper tone instead of stark white, because you spend hours here and paper is easier on the eyes than glare. Ink does the talking. And there is exactly one accent color, an emerald green, reserved for the things that matter: the action you should take, the session you should open, the word being spoken.

Paper The ground. Warm, quiet, easy to read on. #FAF9F6 Emerald The one accent. If it is green, it matters. #0B7A4A Ink #171914 Gold, sparingly #EFA82E Aa Headlines in a confident grotesk Body text that stays out of the way MONO FOR LABELS AND SMALL FACTS TYPE ROLES
Four colors and three type roles. Constraints are the whole point: when everything shouts, nothing does.

Type follows the same discipline. A confident grotesk for headlines, a quiet workhorse for body text, and a small monospaced voice for labels, timestamps, and facts. Three roles, used consistently, so your eye always knows what kind of thing it is reading.

The highlighter tells the story

Every design language needs one signature move, and ours is the highlighter. On the new homepage, a student's handwritten notes sit on the page, an emerald highlighter sweeps across a line, and that exact line lifts off and becomes a flashcard, a quiz, an exam question, a study plan. As you scroll, the sequence plays through real subjects and real scripts, including Arabic, written right to left.

Photosynthesis stores the sun's energy as sugar. Chlorophyll absorbs mostly red and blue light... quiz exam sim study plan ...or FLASHCARD · FROM YOUR LINE Where does the sun's energy go? Stored as sugar. your line, word for word →
The highlighter is grounding made visible: the words on the card are the words from your page.

We did not pick it because it is pretty. It is the product's whole promise drawn as a picture: iTutor works from your material. The words on the flashcard are the words from your page. No motif we tried said that more honestly.

Less noise, faster to find things

The old design was playful, and we loved it, but it competed with itself. Five accent colors meant five things claiming your attention on every screen. The new language makes a simple trade: fewer voices, clearer hierarchy. Bigger, calmer headlines. One green button per screen that is obviously the next step. Shorter, plainer navigation labels.

BEFORE · FIVE VOICES START FREE AFTER · ONE VOICE
The same page, two philosophies. When only one thing is green, you always know where to go next.

The practical payoff is speed. Not page-load speed (though we care about that too), but the speed of finding things: the button you want is the green one, the label you scan for is where you expect it, and nothing decorative is pretending to be important.

Where you will see it next

The homepage wears the new language today, including the scroll-driven highlighter hero, and it adapts to all twelve iTutor languages with full right-to-left support. The rest of the site follows page by page, and this blog has already started dressing for the occasion: every visual in this article, and in the rest of the July series, is drawn in Paper and Emerald.

Homepage LIVE Blog YOU ARE HERE Learners page IN PROGRESS Pricing NEXT The app COMING
A rollout, not a big bang. Each surface moves when it is ready, so nothing breaks along the way.

Everything underneath is unchanged: your subjects, materials, plans, and progress are exactly where you left them. Only the clothes are new.

More from the July update