Motion rules
- One joke per interaction.
- Animate the website debris more than the character.
- Default state stays mostly still.
- Hover or success states trigger the speech bubble.
- Reduced-motion users get static states.
animation deck
The Support Sprite should act like an NPC, not a screensaver.
These motion studies define how the mascot cleans, reacts, and talks before we generate final cutout poses.
Final asset path
The current website uses transparent animated WebP assets for clean on-page placement and matching transparent GIFs for reuse in posts, decks, and quick sharing.
Back to brand guideGenerated movement sheets and animations
These are stitched from transparent frame sheets so they keep the actual Support Sprite art direction instead of approximating it with CSS shapes.
Pixel sweep
Six frames of the pixelated broom sweeping debris. Best fit for homepage and services interactions.
Request received
A ticket slides into the Sprite's hand, ending with a blank NPC bubble for overlay copy.
Security check
A lock-panel check for Anchor Care, monitoring, maintenance, and security content.
I swept up three vague buttons.Home hero: idle cleanup
A mostly still sprite sits near the hero browser panel. Hover triggers one broom sweep and a tiny NPC bubble.
Cleaned up the mystery spacing.Services cards: edge sweep
Card hover reveals pixel crumbs along the edge. The broom sweeps once; the pixels collect or vanish.
SSL certificate still has a pulse.Anchor Care: security check
The lock clicks shut, a soft green pulse appears, and the cursor badge flickers once.
Feature request received. Emotionally processed.Contact success: request received
After form success, a small ticket slides into the sprite's hand and the bubble appears.
This page left without notice.404: broken layout
The broken block wiggles once. The sprite stays calm and unimpressed.