# ContextBrain brand assets

Download links from `contextbrain.dev/brand/*` (or directly from this folder
in the repo). All files are SVG so they scale cleanly to any size; convert
to PNG with `rsvg-convert` or any vector editor when a raster is needed.

## Files

| File | When to use |
|---|---|
| `logo-icon.svg`             | Square brand mark — favicon-style square with the brain glyph on a brand-blue fill. Use as a profile picture, app icon, or anywhere a square mark fits. |
| `logo-icon-light.svg`       | Same square mark in a soft brand-tinted variant. Use on dark surfaces, or anywhere the solid-blue version would be too loud. |
| `logo-wordmark.svg`         | Text-only mark — "ContextBrain" in Inter Display Semi-Bold. Use on light backgrounds (websites, light email signatures). |
| `logo-wordmark-light.svg`   | White wordmark for use on dark backgrounds. |
| `logo-horizontal.svg`       | Icon + wordmark together for the canonical site-header layout. Use as the primary lockup. |
| `logo-horizontal-light.svg` | Horizontal lockup with the light variants — dark-mode counterpart. |

## Colors

```
Brand           #3B82F6   (primary blue)
Brand-tint      rgba(59, 130, 246, 0.12)    /* light icon background */
Brand-stroke    rgba(59, 130, 246, 0.32)    /* light icon border */
Text            #0A0B0E   (wordmark on light)
Text-inverse    #FFFFFF   (wordmark on dark)
```

## Typography

The wordmark uses **Inter Display**, weight 600, letter-spacing `-1.5`
(or `-1.2` for the horizontal lockup so the wordmark feels balanced
next to the icon). The SVGs include system-ui as a fallback so they
render acceptably even when Inter isn't loaded.

## Clear space

Maintain at least one icon-width of empty space around the lockup on
every side — don't crowd the mark against typography or other UI.

## Don't

- Don't recolor the glyph outside the documented palette.
- Don't rotate, skew, or stretch the lockup.
- Don't add drop-shadows / outer glows — the mark is meant to sit
  flat on the surface.
- Don't substitute the wordmark typeface; if Inter Display isn't
  available, use the SVG as-is rather than approximating with a
  different system font.

## Need a different format?

Open an issue or ping `kalpesh.gamit@indianic.com` — PNG / favicon /
animated-SVG generation can be turned around quickly from the source
SVGs in this folder.