Colors
One brand green does the work. Everything else is neutral.
Brand
Grays
Status
Surfaces
Typography
Quicksand throughout — six sizes cover the whole app.
Headlines (H1–H3) use Quicksand. Body copy, bullet lists and captions use Inter.
Buttons
One primary action per screen. Outline and ghost for everything else.
Variants
Sizes
With icon / loading / full width
Inputs & controls
Labels above fields, help text below, errors in red.
Enter a valid 5-digit ZIP code.
Badges & chips
Soft tinted backgrounds — never loud fills, except promos.
Status
Trust & promo
Filter chips
Product badges
Named PawAide products — PawAide Report™, PawAide Report Score™, PawVault™ and more, in three finishes.
Soft — in-app default
Solid — marketing / hero
Outline — dense lists & tables
Cards
White panel, 1px light border, 14px radius. No heavy shadows.
Record
Score & pet cards
Circular dial on a 0–1000 scale, with verified checklist rows.
Icons
Lucide line icons at 1.6 stroke. No emojis anywhere.
Navigation
Tabs, pills, list rows, and the mobile bottom bar.
Top tabs
Pill nav
List rows
Bottom nav
Feedback & states
Alerts, progress, ratings, loading, and skeletons.
Progress · 64%
Rating
Loading
Deals patterns
Promo banner, filter chips, product tile with discount pricing.
Pet Care
Feed patterns
Feed tabs, post card with media, hashtags, and action row.
Service provider list
Location search, filters, and rated provider rows.
Local listing
Search, category chips, and local business cards with rating, hours, and actions.
Business profile
Banner hero with avatar, rating, trust pills, pill actions, and kit panels.
Full-service grooming for dogs and cats, with gentle handling for senior and anxious pets. Ten years serving Naples families.
- Monday9:00 AM – 6:00 PM
- Tuesday9:00 AM – 6:00 PM
- SundayClosed
Creator profile
Identity, stats, earnings banner, follow actions, media grid.
Sharing our journey and helping other pet parents every day.
Marketing eyebrow badges (SEO)
Freshness, credentials, and location signals sitting above the H1.
Marketing headings (SEO)
H1 in brand green — one per page. H2–H4 near-black for hierarchy.
H1 · Only one per page — brand green, keyword first
Dog insurance that pays out on real vet bills
H2 · Section headings — near-black
Dog insurance that pays out on real vet bills
H3 · Subsection headings
Dog insurance that pays out on real vet bills
H4 · Smallest heading — FAQ questions, card titles
Dog insurance that pays out on real vet bills
Marketing hero (SEO)
Breadcrumb, single H1 with keyword first, value subhead, one primary CTA, proof strip.
Dog insurance that pays out on real vet bills
Compare coverage, waiting periods and monthly costs for your breed — then keep every record in one verified place so a claim never gets denied for missing paperwork.
Marketing content (SEO)
AI summary block, key takeaways, FAQ accordion for FAQPage schema, internal-link cluster, CTA band.
AI summary block
Dog insurance in the U.S. averages $35–$55 per month for a healthy adult dog. Comprehensive plans reimburse 70–90% of eligible vet bills after a deductible, exclude pre-existing conditions, and typically apply a 14-day illness waiting period.
Key takeaways
- Enroll early — pre-existing conditions are never covered.
- Reimbursement rate matters more than the monthly premium.
- Dated records speed up claim approval.
Related pages
Get your pet quote-ready in minutes
Free PawAide Report Score™ and a verified record ledger.
Additional elements
Segmented control, stepper, toast, avatar group, pricing.
Segmented control
Quantity stepper
Toast
Avatar group
Price & discount
PawAide UI Kit · reference only