SupportPets Asset Catalog

Base URL: https://sp-assets.supportpets.com/<group>/<file>

Use the canonical host above for all new references. Legacy supportpets.com/sp-assets/… URLs still work — they 301-redirect here — but don't add new ones. Everything is served as a plain static file (Cloudflare Pages, no Worker), so speculative prefetch works.

Brand palette: deep teal #042E33 · mint #75DBC8.

favicon/

Site icons across browsers, devices, and install surfaces. Generated from the master mark var_1_green.svg.

var_1_green.svg

1080×1080 · vector · SVG

Master brand mark — teal rounded square with the mint paw + “R”. Source of truth for all raster icons below. Use this whenever a scalable icon is needed.

https://sp-assets.supportpets.com/favicon/var_1_green.svg

favicon.ico

multi-size (16/32/48) · 15 KB · ICO

Classic browser-tab favicon. Also served at the domain root /favicon.ico so default browser requests resolve without page markup.

/favicon.ico · https://sp-assets.supportpets.com/favicon/favicon.ico

favicon-32x32.png

32×32 · 1.7 KB · PNG

Standard-DPI browser tab icon. Reference via <link rel="icon" sizes="32x32">.

https://sp-assets.supportpets.com/favicon/favicon-32x32.png

favicon-16x16.png

16×16 · 0.7 KB · PNG

Smallest tab / bookmark icon. Reference via <link rel="icon" sizes="16x16">.

https://sp-assets.supportpets.com/favicon/favicon-16x16.png

apple-touch-icon.png

180×180 · 12 KB · PNG

iOS home-screen / Safari icon. Reference via <link rel="apple-touch-icon">.

https://sp-assets.supportpets.com/favicon/apple-touch-icon.png

android-chrome-192x192.png

192×192 · 14 KB · PNG

Android / PWA install icon. Listed in the web manifest.

https://sp-assets.supportpets.com/favicon/android-chrome-192x192.png

android-chrome-512x512.png

512×512 · 34 KB · PNG

High-res PWA splash / install icon. Listed in the web manifest.

https://sp-assets.supportpets.com/favicon/android-chrome-512x512.png

logos/

Brand wordmarks for page chrome, emails, and documents. Prefer the SVG; fall back to the @2x PNG on surfaces that can't render vector.

splogocolor.svg

250×45 · 7.3 KB · SVG

Scalable color wordmark — teal letterforms with the mint paw glyph. Source of truth for the logo; use whenever a vector logo can be used.

https://sp-assets.supportpets.com/logos/splogocolor.svg

logo-2x.png

500×90 · 6.8 KB · PNG

2x raster of splogocolor.svg. Use in surfaces that can't render SVG (most email clients, some PDFs); render at intrinsic 250×45.

https://sp-assets.supportpets.com/logos/logo-2x.png

supportpetslogo.webp

178×30 · 1.9 KB · WebP

Compact horizontal wordmark. Use in tight headers / footers where the smaller display size and bytes matter more than fidelity.

https://sp-assets.supportpets.com/logos/supportpetslogo.webp

SupportPetsLogoReverse.webp

647×112 · 4.8 KB · WebP (alpha)

Reverse (white) wordmark on a transparent background. Use on dark / colored surfaces (like the deep-teal header) where the color logo won't read.

https://sp-assets.supportpets.com/logos/SupportPetsLogoReverse.webp

heros/

Wide banner photography for page heroes and full-bleed headers. Pixel dimensions are baked into each filename.

support-img-woman-receiving-kiss-from-small-dog-2000x911.webp

2000×911 · 414 KB · WebP

Widest hero — woman receiving a kiss from a small dog. Use for full-bleed desktop headers.

https://sp-assets.supportpets.com/heros/support-img-woman-receiving-kiss-from-small-dog-2000x911.webp

support-img-woman-and-dog-road-trip-1500x434.webp

1500×434 · 188 KB · WebP

Letterbox road-trip banner (woman and dog). Use for short, very wide hero strips.

https://sp-assets.supportpets.com/heros/support-img-woman-and-dog-road-trip-1500x434.webp

support-img-woman-hugging-curly-haired-dog-1000x617.webp

1000×617 · 122 KB · WebP

Woman hugging a curly-haired dog. Use for smaller / near-square hero blocks and mobile heroes.

https://sp-assets.supportpets.com/heros/support-img-woman-hugging-curly-haired-dog-1000x617.webp

images/

General content photography and illustrations for in-page sections, cards, and feature blocks. Pixel dimensions are baked into each filename.

support-img-woman-hugging-beagle-dog-900x899.webp

900×899 · 218 KB · WebP

Near-square photo — woman hugging a beagle. Use in content sections and square cards.

https://sp-assets.supportpets.com/images/support-img-woman-hugging-beagle-dog-900x899.webp

support-img-esa-logo-puppy-heart-toy-685x380.webp

685×380 · 84 KB · WebP

Puppy with a heart toy (ESA). Use for feature / explainer blocks.

https://sp-assets.supportpets.com/images/support-img-esa-logo-puppy-heart-toy-685x380.webp

support-img-dachshund-with-lightbulb-illustration_548x456.webp

548×456 · 70 KB · WebP

Dachshund-with-lightbulb illustration. Use as a spot illustration for tips / “how it works”.

https://sp-assets.supportpets.com/images/support-img-dachshund-with-lightbulb-illustration_548x456.webp

wallet/

Images referenced by /pets/wallet-pass for Google Wallet objects (and any Apple Wallet image needing a URL rather than a bundled file).

expected

logo-660.png

660×660 · PNG · transparent bg

Color paw mark for Google Wallet GenericObject.logo. Drop the file into wallet/ and redeploy — no worker change needed.

https://sp-assets.supportpets.com/wallet/logo-660.png

Root files

Served at the top of https://sp-assets.supportpets.com/ rather than inside a group folder.

File	URL	Purpose
`site.webmanifest`	`https://sp-assets.supportpets.com/site.webmanifest`	PWA web manifest. Lists the 192px & 512px Android icons (by absolute path), theme & background `#ffffff`, `display: standalone`. Reference via `<link rel="manifest" href="https://sp-assets.supportpets.com/site.webmanifest">`.
`index.html`	`https://sp-assets.supportpets.com/`	This catalog page.

How it works & adding assets

Served by Cloudflare Pages (no Worker) from this repo's sp-assets/ folder, so sp-assets/<group>/<file> is published at https://sp-assets.supportpets.com/<group>/<file>. Legacy supportpets.com/sp-assets/… URLs 301-redirect here.

To add an asset group: create a folder under sp-assets/ (e.g. logos/), drop files in, reference them at https://sp-assets.supportpets.com/<folder>/<file>, and push to main to deploy.

Only the sp-assets/ folder is published; repo docs/config outside it stay private. See CATALOG.md in the repo for the same listing in Markdown.