PetPass Media Kit
Brand assets, logos, and guidelines for PetPass — The Digital Passport for Your Pet.
Brand Colors
Dark
#1C1C1C
Cream
#F2E7DD
Mint
#34D399
Amber
#FBBF24
Pale Green
#ECFDF5
Orange
#F97316
Primary Logo
Left: For dark backgrounds. Right: For light backgrounds. Maintain at least the logo's height of clear space around the mark.
Monochrome
Use the single-color variant for fax, photocopy, embroidery, single-ink merchandise, or any context where full color is not available.
Verification Seal
Verified
Verified
A circular seal mark used in-app to indicate verified records, signed certificates, and authenticated profiles. Reserved for verification UI and document stamps — not a substitute for the primary logo in marketing or partner materials.
Logo on Backgrounds
Approved background colors. Maintain clear space equal to the logo's height around the mark.
Typography
Primary Font
Outfit
Weights: 400 Regular, 500 Medium, 600 SemiBold, 700 Bold, 800 ExtraBold, 900 Black
Regular 400
SemiBold 600
Black 900
Download Assets
Logo — Dark backgrounds
PNG · 400×400 · transparent
Logo — Light backgrounds
PNG · 400×400 · transparent
Logo — Monochrome
PNG · 400×400 · single color
Logo — High resolution
PNG · ~880×880 · color master
Logo — High resolution (B&W)
PNG · ~880×880 · monochrome master
Logo — Compact
PNG · 64×64 · favicon use
Need a vector format (SVG, EPS, AI)? Email hello@petpass.co with the use case.
Usage Guidelines
✓Use the cream/light version on dark backgrounds
✓Use the dark version on light backgrounds
✓Maintain clear space around the logo equal to the height of the "P" in PetPass
✓Use the compact mark for small spaces (favicons, app icons, avatars)
✗Do not stretch, rotate, or distort the logo
✗Do not change the logo colors outside the approved palette
✗Do not add drop shadows, outlines, or effects to the logo
✗Do not place the logo on busy or low-contrast backgrounds