Logo Variations
Use the appropriate logo based on context and background contrast.
Primary Horizontal
Default usage • White/Light BGReversed Horizontal
Dark backgrounds • High contrastIcon / Favicon
Social profiles • App icons • FaviconWordmark Only
Constrained spaces • Email signaturesColor Palette
Our brand colors convey warmth, trust, and energy. Always maintain contrast ratios for accessibility.
Brand Primary
#E8712B
Secondary Green
#2B5C4A
Dark / Text
#111827
Background Light
#F3F4F6
Muted / Subtext
#4B5563
Pure White
#FFFFFF
Typography
Clear, modern, and highly readable. System fonts ensure fast load times and native feel.
| Style | Font Family | Weight / Size | Usage |
|---|---|---|---|
| Paws Source | Inter / System UI | 900 / 32-48px | H1, Hero Titles, Major Headings |
| Brand Guidelines | Inter / System UI | 800 / 24-30px | Section Headers, H2 |
| Card Titles | Inter / System UI | 700 / 16-20px | Card Headers, Buttons, H3 |
| Body text for guidelines and descriptions. | Inter / System UI | 400-500 / 14-16px | Paragraphs, Captions, UI Text |
Usage Guidelines
Keep the brand consistent and recognizable across all touchpoints.
Clear Space & Sizing
Always maintain a minimum clear space around the logo equivalent to the height of the paw icon. Never scale below 24px for digital or 12mm for print.
Background Usage
Place the logo on solid white, brand light, or dark backgrounds. If using a photo, add a subtle white overlay or shadow to ensure legibility and contrast.
What to Avoid
- Do not stretch, skew, or rotate the logo
- Do not change colors outside the approved palette
- Do not add drop shadows, strokes, or effects
- Do not place on busy/low-contrast backgrounds
- Do not separate the icon from the wordmark
Download Brand Assets
Get all logos, vectors, color codes, and typography files in a single organized package for your team or designers.