Thinking in pixels

Meet Sprite

Sprite is the guide on this site. He shows visitors around, answers questions in plain language and keeps the tone warm on a technical site. He is one example of the smart interactive components we build: small, light and modular.

Hey, I'm Sprite - need help finding something?
What it is

A tour guide, not a chatbox

Sprite lives on every page of this site. He replaces the generic support chatbox with a small animated character that helps you find things and answers questions where you are, without sending you to a help page.

He is built as a smart interactive component: two small files, no framework, no account, no tracking. He collects nothing and stores nothing beyond the open tab, so there is nothing to opt out of.

If you are considering something similar for your product, this page is the short version. The full build notes live in the public repo, linked below.

What he does

Helpful on purpose

Sprite does a small set of things well. He points you to the right page, answers questions about services, process and projects, and keeps answers short, pointing to a page when a page says it better.

  • Shows you around, with links to the page you actually need
  • Answers questions in plain language, in his own voice
  • Reacts with expressions that match the tone of the reply
  • Speaks and listens through the browser voice tools
  • Offers suggestion chips, so you can keep moving with one tap
How he works

Offline first, AI when it helps

Sprite answers from a small set of hand-written replies first. That set ships with the site files, costs nothing to run and keeps working when the network drops, so there is always something helpful on screen.

When the network is there, a tiny proxy adds a live AI brain on top. The key stays in the proxy, never in the repo, and any failure falls back to the offline replies with no error shown. The chat follows you across pages in the tab session and dies with the tab, and links he renders are limited to this site, WhatsApp, email and phone.

The technical detail lives where it belongs: the Sprite section of the public repo and the proxy notes in cloudflare-worker.

Current state

Live here today

Sprite is live across this site now, running the tour guide role described above. This site carries no analytics, so there are no visitor counts here by design. What we can say is structural: he is stable as a guide and in progress as a reusable component other sites can theme without forking the engine.

2
files a page includes

sprite.css and sprite.js. The widget injects its own DOM, so no page carries markup for it.

0
accounts, tracking and stored chats

No login, no analytics, no saved history. The chat follows the open tab and ends with it.

What happens next

Roadmap

The guide role is done and live. What follows turns the same engine into a component other sites can pick up.

Done

Live guide on this site

Sprite shows visitors around, answers questions and keeps working when the network drops, personality intact.

Next

Customisable sprites

A configuration layer for appearance, personality and expressions, so different sites get different characters on the same engine.

Planned

Voice conversations with emotion

Full two-way voice with expressions that match the reply, moving beyond the browser default speech tools.

Next step

One of these, for your product.

Sprite was built for this site, but the thinking behind it travels. Tell us what your users keep asking for.