The Brief:
Product interface design for Moira, a concept AI analytics platform that turns enterprise data into foresight and answers business questions in plain language. The brief centred on a documented design system for the product surface: a set of governing rules for how prediction and uncertainty should look, read and behave, built to hold as the product grows beyond a single screen.
A predictive tool only earns trust if its reasoning can be followed, so the system is built around four working principles: show the working over the black box, calm over loud, confidence made legible, one clear thing to act on. Every token and component downstream exists to enforce those, not just to look consistent with the brand.
The token layer carries the identity’s navy-and-cyan palette into the product, with cyan rationed to a single role: prediction, and the one figure or node the model wants attention on. A three-typeface system enforces the same discipline in text, switching to a monospaced face the instant a value could be checked against source data. Even the numbers follow a fixed grammar; a signed +9.4% marks a directional estimate, a reserved ±9.4% is used only for a genuine range, and confidence is always a plain 0.87, never rounded up into a false percentage.
At the centre of it sits the pattern graph, a network of signals converging on one predicted outcome, with its own node language so a modelled signal can never be mistaken for a measured one. Every answer carries an audit trail one click away: the “Explain the math” screen breaks the headline back down to its model, its signals and its validation record, including a walk-forward calibration where the actual landed inside the confidence band 21 times out of the last 24 forecasts. It’s the first principle taken literally, nothing on the answer screen that can’t be traced back to a number here.
The same components resolve into a pattern forecast dashboard too, condensing the drivers, regional spread and confidence trend into a workspace built for a user to return to, not just a one-off answer. The screens and the motion walkthrough exist to demonstrate the system in use, not the other way around.
The design:
About MOira:
Moira is a concept brand for an AI platform that turns enterprise data into foresight: predictive analytics and intelligent visualisation, wrapped in an identity built to make something complex feel calm and trustworthy. It imagines a company confident enough to tell you what happens next, and grounded enough to show its working.
