Mascots
A character that lives on your site, not just a plain orb
RAQS ships with a plain orb (the voice assistant avatar) by default, but you can swap it for a 3D mascot that genuinely roams the page. The pool includes the flagship deer, the universal Spark, stylized characters and more than 30 animals. You pick one with a single click in the dashboard; it is not mere decoration — it treats your page's real elements as terrain, running, jumping and leading visitors to the right place.
The mascot pool: from one deer to 30+ characters
The RAQS 3D mascot pool is far more than a single character. The flagship is the deer, RAQS's signature character: its motion is carefully crafted, greeting and guiding visitors with a run-turn-bow flow. Alongside the deer sits 'Spark', a universal character that fits any industry — neutral, energetic and careful not to overshadow your own brand identity.
Beyond those, the pool holds stylized characters and over 30 animals (including polyperfect-style low-poly models and KayKit characters). So an e-commerce store might pick an energetic spark, a veterinary clinic a friendly animal, and a game studio a stylized character. A web site character should match your brand's tone; the whole point of the pool is to find the right face for every brand.
Flagship deer
Signature 3D mascot: greets with a run → turn → bow guide flow.
Universal Spark
A neutral spark; fits any industry without upstaging the brand.
Stylized characters
Character models for game and creative brands.
30+ animals
A low-poly animal collection; chosen by industry.
A mascot that uses the DOM as terrain
What makes the RAQS mascot special is that it is not a GIF or video parked in a fixed corner. The mascot reads your page's real DOM elements (headings, buttons, cards, images) like terrain. That lets it actually stand on those elements, run along their edges, jump between them and move toward a target. The mascot engine measures the position and size of elements on the page and builds a surface map the character can walk across.
This mechanic is used directly to guide the visitor. When a visitor says 'show me pricing' or 'how do I add to cart', the mascot runs over to the relevant button or section and draws attention there. So the mascot is not just a visual avatar for the voice assistant — it is the body of the agent actions: RAQS sees the page, decides on the right element, and the mascot physically leads the visitor to it.
Terrain reading
Real DOM elements are measured as ground.
Run & jump
The character moves between elements.
Guide to target
Runs to the relevant button/section to draw focus.
Agent-integrated
RAQS decides the guidance; the mascot performs it.
One-click mascot selection in the dashboard
You don't write code to choose a mascot. In the dashboard, you open the mascot pool from the site visualizer screen, select the character you like and save; the choice is written to your site's theme setting. On the next load, your visitors see the new mascot. You can switch back to the plain orb just as easily whenever you want.
Mascot files are lazy-loaded to protect performance: the 3D asset is downloaded only when needed and without blocking your main page content. This ensures a heavy 3D scene never drags down your page load speed — the mascot is an enrichment, not a burden.
Visual picker
See the pool in the dashboard, click, save.
Theme setting
The choice is written to the site's theme/launcher field.
Lazy loading
The 3D asset loads on demand, without blocking the page.
Reversible
Switch back to the plain orb any time.
Why a brand character beats a plain orb
A plain orb is functional and enough for many sites — which is exactly why it is the default. But a brand character does something different: it gives the site a personality and memorability. People connect with a face, not an abstract circle. A well-chosen mascot increases the chance a visitor starts talking to the assistant, because it is inviting, playful and conveys the brand's tone instantly.
The mascot also creates differentiation. Most sites' chat bubbles look identical; a 3D character that runs, jumps and leads visitors as if taking them by the hand is memorable. As a voice assistant avatar, the mascot gives the voice a visual counterpart: a responsive presence the visitor can look at while speaking. Even so, it is entirely optional — if your brand wants a minimal aesthetic, staying on the orb is a first-class choice too.
Personality
A face and memorability instead of an abstract orb.
Higher engagement
An inviting character makes starting a conversation easier.
Differentiation
Stands apart from the uniform chat bubble.
Optional
The orb stays the default for a minimal aesthetic.
The mascot is part of the voice assistant
The mascot is not a standalone toy; it is the visible face of the RAQS voice assistant. A visitor taps the mascot and speaks, the browser's Web Speech API catches the wake word, audio streams over the LiveKit realtime layer, Azure Speech turns it into text and back into voice, and the Azure OpenAI brain produces the answer from your own content (RAG). The mascot drives the visual side of that conversation: it waits while listening, comes alive while replying, and runs while guiding.
On the setup side, nothing changes: the same single <script> line powers the experience whether the mascot is on or off. The mascot choice is purely a dashboard setting; you never touch your site's code.
<script async src="https://raqs.ai/v1/raqs.js"
data-raqs="YOUR_SITE_KEY"></script>FAQ
Is a mascot required?
No. The plain orb is the default; the mascot is entirely optional and you can turn it on or off any time.
Which mascots are available?
The flagship deer, the universal Spark, stylized characters and more than 30 animal models.
Does the mascot slow my page?
No; the 3D asset is lazy-loaded and does not block page content, so your load speed is preserved.
How do I pick a mascot?
In the dashboard, open the pool from the site visualizer, click a character and save — no code needed.
Is the mascot just decoration?
No; it uses the page's real DOM elements as terrain and runs to the relevant button/section to guide the visitor.
Give your brand a face
Start with the plain orb, then switch to a 3D mascot with one click in the dashboard when you're ready.
Start free