# Probates On Demand — Brand Kit

## Logo Files

All logos are available in the `public/` folder and served from the site root:

| File | Format | Use Case |
|------|--------|----------|
| `/logo-mark.svg` | SVG | Primary logo mark — gold square with dark house roof and POD letters. Best for light/white backgrounds. |
| `/logo-mark-dark.svg` | SVG | Reversed logo mark — dark square with gold house roof and POD letters. Best for dark backgrounds. |
| `/logo-wordmark.svg` | SVG | Full wordmark with logo mark + "Probates On Demand" text. |
| `/logo-mark.png` | PNG 1024×1024 | High-resolution raster version of the primary mark. |
| `/logo-wordmark.png` | PNG 2400×800 | High-resolution raster version of the wordmark. |

All SVG files have transparent backgrounds so they can be placed on any color.

## Color Palette

| Name | Hex | OKLCH | Usage |
|------|-----|-------|-------|
| Gold | `#de9c31` | `oklch(0.74 0.14 75)` | Primary accent, CTAs, highlights |
| Gold Light | `#f1ba4b` | `oklch(0.82 0.14 82)` | Gradient start, hover states |
| Gold Dark | `#d38407` | `oklch(0.68 0.15 68)` | Gradient end, emphasis |
| Forest Deep | `#04160b` | `oklch(0.18 0.035 155)` | Primary dark text, roof shape, dark mode backgrounds |
| Forest | `#12301e` | `oklch(0.28 0.05 155)` | Secondary dark, headings, buttons |
| Cream | `#fcf8ef` | `oklch(0.98 0.012 85)` | Page background, light surfaces |

## Typography

- **Display / Headings:** Fraunces (Google Fonts)
- **Body / UI:** Inter Tight (Google Fonts)
- **Logo fallback:** Georgia, Times New Roman, serif

## Logo Concept

The mark combines a **gold square** (value, premium service) with a **dark house roof / steeple** (real estate, homes, estates) and the **POD** acronym for instant brand recognition.

## Usage Notes

- Keep a clear space around the logo equal to at least the height of the "POD" letters.
- Use the primary gold mark on light backgrounds and the dark reversed mark on dark or photo backgrounds.
- Do not stretch, rotate, or change the logo colors outside of the approved palette.

## Optimized logo files (2026 refresh)

All SVGs now use vector outlines instead of live text, so they render identically
everywhere (no font dependency), include `viewBox` + width/height, `<title>` for
accessibility, and are minified.

| File | Use |
| --- | --- |
| `/logo-mark.svg` | Primary mark (gold gradient) |
| `/logo-mark-dark.svg` | Mark on dark backgrounds |
| `/logo-mark-flat.svg` | Solid gold `#de9c31`, no gradient — email/print safe |
| `/logo-mark-dark-flat.svg` | Dark square, solid gold mark |
| `/logo-wordmark.svg` | Full lockup |
| `/logo-wordmark-flat.svg` | Full lockup, no gradient |

**Email:** most email clients (Outlook, Gmail) do not render SVG. Use the PNG
versions (`/logo-mark-1024.png`, `/logo-wordmark-2400.png`) in email, with
explicit `width`/`height` attributes and alt text.