Brand kit

Use Petdex clearly and consistently.

Download official marks for launch posts, app integrations, community projects, and docs that reference Petdex.

Download SVGPNG
View on GitHub
Petdex desktop app icon

Downloads

Logo files ready for real use

Use SVG assets for web and print. Use the PNG app icon when you need the desktop product mark or a square social preview.

Petdex mark

Light mode

Petdex mark

The primary symbol for compact layouts, avatars, favicons, and badges.

SVGPNG
Petdex wordmark

Light mode

Petdex wordmark light

Use on light or warm neutral backgrounds when the name needs to be readable without surrounding context.

SVGPNG
Petdex wordmark for dark backgrounds

Dark mode

Petdex wordmark dark

Use on dark backgrounds, screenshots, and launch graphics where the black wordmark loses contrast.

SVGPNG
Petdex desktop icon

Light mode

Desktop icon

Rounded app icon for Petdex Desktop references, press cards, and launch graphics.

PNG

Usage

Keep the pet recognizable

Do

  • Keep enough clear space around the mark.
  • Use the original files without redrawing the shapes.
  • Pair Petdex with clear attribution when featuring community pets.

Don't

  • Stretch, rotate, skew, or recolor the logo arbitrarily.
  • Place the mark on low-contrast or visually noisy backgrounds.
  • Use Petdex branding to imply official approval of unrelated products.

Design system

Colors and type

Petdex uses cool app surfaces, purple-blue brand accents, and Geist type to feel like a useful tool with a tiny bit of creature energy.

Brand

#5266EA

Brand deep

#3847F5

Brand light

#6478F6

App background

#F7F8FF

Brand tint

#EEF1FF

Ink

#1A1D2E

Typography

Geist

Geist Mono