Reusable Components · MewGuard UX Assets

MewGuard — a sentimental-design asset kit

A series of non-functional illustrations and animated assets for MewGuard, the app that helps cat owners check whether a substance is toxic to their cat. They render no data and gate no flow — their only job is to carry the feeling of each moment: an anxious owner deserves calm, a clear verdict deserves warmth, and an emergency deserves a steady hand. Each asset maps to one moment in the MewGuard journey, with the UX payoff it earns.

Calm under worry
A worried owner meets soft shapes and a friendly cat — never a cold screen.
Honest, never alarming
Toxic verdicts stay serious without spiking panic; safe verdicts feel earned.
A guardian you trust
One recurring cat mascot the owner remembers — the face of "we've got you".
Loading · Search
On the scent

Looking up a substance takes a beat. A sniffing nose makes the wait feel like the cat is doing the work.

↑Reframes latency as active care, so the search bar never feels frozen.
mewguardsearchloading
Loading · Search
Checking the database

A branded paw spinner replaces a generic throbber while toxin records are fetched from Firestore.

↑Keeps the brand present in dead time and signals the system is working.
mewguardspinnerfetch
Verdict · Safe
All clear

When a substance is safe, relief should be instant and physical. A drawn check inside a green shield delivers it.

↑Resolves the owner's anxiety in one glance and rewards the lookup.
mewguardsafedetail
Verdict · Caution
Worth a second look

Some substances are risky only in dose or part. A raised paw says "pause and read" without crying wolf.

↑Communicates middle-ground risk so caution reads as informative, not scary.
mewguardcautiousseverity
Verdict · Toxic
Keep this away

A toxic result must land as serious — but a steady heartbeat keeps a frightened owner from spiraling.

↑Conveys urgency without panic, so the owner reads the next step instead of freezing.
mewguardtoxicseverity
?
Empty State · Recovery
Nothing in the bowl

A search with zero matches needs a soft landing. An empty bowl says "not here" without "you failed".

↑Softens dead-end searches and invites a reworded query or feedback report.
mewguardno-resultssearch-zero
Error · Recovery
Lost the thread

A dropped connection is framed as a tangle of yarn — playful, fixable, and clearly not the owner's fault.

↑Defuses offline frustration and pairs naturally with a "Try again" retry.
mewguardofflinenetwork
Feedback · Care
Mealtime logged

Logging a feeding in the care tracker should feel nurturing. A full bowl and a small heart reward the routine.

↑Turns a chore into a moment of care, encouraging consistent daily logs.
mewguardfeedingcare-log
Reminder · Care
Time for meds

A medication reminder needs to feel like a gentle nudge, not an alarm. A soft pulse around a friendly capsule does it.

↑Prompts on-time dosing without the stress of a clinical alert.
mewguardmedicationreminder
Feedback · Care
Fresh claws

Logging a claw trim or groom should feel satisfying. A tidy paw with a sparkle marks the task done.

↑Gives grooming routines a small payoff, reinforcing the care habit.
mewguardgroomingclaw-trim
Confirmation · Care
Vet day booked

Scheduling a vet visit deserves a confident close. A stamped calendar with a check confirms it's handled.

↑Closes the loop on care planning so the owner feels on top of it.
mewguardvetappointment
!
Alert · Emergency
Recall watch

A product-recall notice must be noticed without panicking. A friendly ringing bell flags it as important, not catastrophic.

↑Draws attention to recalls while keeping the tone calm and actionable.
mewguardrecallsalert
Premium · Onboarding
Guardian+ unlocked

The paywall should feel like a reward, not a wall. A crowned mascot frames premium as a richer kind of care.

↑Makes upgrading feel aspirational and warm rather than transactional.
mewguardpaywallpremium
Empty State · Search
Never heard of that one

A "no results" screen can feel like a dead end. A curious head-tilt keeps the owner trying instead of giving up.

↑Softens a zero-result moment and nudges toward a re-search or "request it".
mewguardsearchno-results
Action · Search
Scan the label

Typing a long ingredient name is hard with a worried hand. A scanning frame invites the faster, calmer path.

↑Signals an effortless input mode at the exact moment stress is highest.
mewguardscaninput
Reminder · Care
Stay hydrated

Water intake is easy to forget and quietly vital. Soft ripples make a hydration nudge feel caring, not naggy.

↑Turns a routine reminder into a calm, repeatable ritual of good care.
mewguardhydrationreminder
Tracking · Recovery
Feeling better, day by day

After a scare, owners watch for small signs. A gently climbing line says the worst has passed.

↑Visualizes progress so logging symptoms feels hopeful, not clinical.
mewguardrecoverysymptom-log
Action · Emergency
Call your vet now

In a true emergency the next tap must be obvious. A warm, pulsing handset is a steady hand pointing the way.

↑Makes the one critical action unmissable without flashing red alarm.
mewguardemergencycall-vet
Reassurance · Recovery
Brave little patient

Once the danger passes, the tone should turn tender. A bandaged, healing cat honors what the pair just went through.

↑Closes the scare with warmth and pride rather than lingering dread.
mewguardrecoveryreassurance
Gratitude · Delight
With love, from us

A thank-you after a review, rating, or referral should feel personal. A cat blowing a kiss returns the affection.

↑Rewards advocacy with genuine warmth, deepening the bond with the brand.
mewguardgratitudemicro-delight
Saved · Search
Saved for later

Not every check ends in action. A bookmark lets an owner keep a substance close without searching it twice.

↑Cuts repeat effort and shows the app remembers what matters to them.
mewguardsavedbookmark
Account · Onboarding
Your account, ready

Creating an account should feel like being welcomed in, not filling a form. A cat avatar makes the profile feel like theirs.

↑Turns sign-up into a personal moment instead of a chore.
mewguardaccountprofile
Reminder · Care
Reminder set

Meds and vet visits slip the mind. A bell that rings, then settles, confirms MewGuard is keeping watch so the owner doesn't have to.

↑Offloads mental load — they trust the app to remember for them.
mewguardremindernotification
Streak · Care
Four days strong

A logged-care streak is a quiet win. Filling dots and a little star celebrate consistency without ever nagging.

↑Turns routine care into a gentle, rewarding habit.
mewguardcalendarstreak
Referral · Delight
Spread the word

An owner who trusts MewGuard wants other cats safe too. Connected hearts make sharing feel like an act of care, not marketing.

↑Frames referral as protecting more cats — warm, not transactional.
mewguardsharereferral
Resolved · Emergency
All clear

After a recall scare, an owner needs to exhale. A shield-check with a soft ripple says the danger has passed.

↑Closes an anxious loop with definitive, calming reassurance.
mewguardrecallresolved
Trust · Verdict
Reviewed by vets

A verdict is only as calming as its source. A vet-reviewed rosette tells the owner this answer is backed by people who know cats.

↑Anchors trust in the verdict at the moment certainty matters most.
mewguardtrustvet-reviewed
Continuity · Search
Picking up where you left off

Worry rarely stops at one food. Surfacing recent checks lets an anxious owner resume a frantic search without retyping a thing.

↑Lowers effort on repeat visits and signals the app remembered their concern.
mewguardhistorycontinuity
Milestone · Recovery
Back to chasing toys

The end of a scare is play resumed. A cat batting yarn marks the moment recovery turns back into ordinary joy.

↑Celebrates full recovery and closes the worry loop on a warm, hopeful note.
mewguardrecoveryjoy
Guidance · Emergency
While you wait

Between "this is bad" and the vet's door, owners need something to do. A short list of calm steps turns panic into action.

↑Channels adrenaline into helpful steps and eases the helplessness of waiting.
mewguardfirst-aidguidance
Feedback · Delight
Rate your peace of mind

After the worry passes is the honest moment to ask how we did. Stars framed as "peace of mind" invite warm, low-pressure feedback.

↑Captures goodwill at a calm high point and frames the rating around the emotional payoff.
mewguardfeedbackgratitude

No assets in this stage yet.

Copied!