# Brand assets

Drop the **official** Cantarell vector assets here so the site can use the real
marks instead of the SVG approximations currently baked into the components.

## Expected files

| Path | Purpose | Used by |
|---|---|---|
| `public/brand/cantarell-mark.svg` | The "ca" ligature mark only (transparent background, gold fill) | `components/CantarellMark.tsx` |
| `public/brand/cantarell-wordmark.svg` | Full `cantarell` wordmark (no descriptor), transparent background | Hero / nav when shown without mark |
| `public/brand/cantarell-lockup.svg` | Wordmark + `Energy Corporation` descriptor | Footer, investor decks |
| `public/brand/og-hero.png` (optional, 1200×630) | Pre-rendered OG card to replace the dynamic `app/opengraph-image.tsx` | Twitter / LinkedIn share |

## How to swap in the official SVG

Once `cantarell-mark.svg` is in place, replace the inner `<svg>…</svg>` of
[`components/CantarellMark.tsx`](../components/CantarellMark.tsx) with:

```tsx
return (
  <img
    src="/brand/cantarell-mark.svg"
    width={width}
    height={height}
    alt={title}
    className={className}
  />
);
```

And delete the `<defs>` and `<g fill=…>` blocks that compose the approximation.

## Colors (authoritative)

- Brand navy: `#0B1C3F`
- Brand gold (gradient): `#A77820` → `#D4A338` → `#E6BE52`
- Bone (off-white): `#F7F4EE`