# Tang & Associates Brand Kit

> The complete brand kit for Tang & Associates — logomark, lockup, color, typography, and usage rules. Tang & Associates advises Toronto homeowners on the residential market, pairing two decades of transaction data with patient counsel.

The mark is a **T+A monogram** cut from a single gold disk via SVG `fill-rule="evenodd"` — the letterforms are negative space. The brand color is gold `#C9A87C`. The wordmark is set in Lexend Exa Light. Three stroke weights of the mark (Standard, Bold, Heavy) cover render sizes from billboard down to favicon.

This kit ships as static HTML and SVG/PNG assets — no build step required to consume it.

## Reading guidelines

- [Brand guidelines (markdown)](/guidelines/brand-guidelines.md): the long-form usage reference — color, clearspace, lockup, minimum sizes, stroke weights, don'ts, typography, animation, and an asset-path reference table. This is the primary document for understanding how the brand behaves.
- [Brand guidelines (HTML)](/guidelines/brand-guidelines.html): same content as above, rendered for human reading.
- [Brand book (HTML)](/guidelines/brand-book.html): a 12-spread visual deck. Presenter mode, keyboard navigation, print-to-PDF. Visual companion to the guidelines — for agents, prefer `brand-book.json` below.

## Machine-readable source

- [brand-book.json](/guidelines/brand-book.json): canonical JSON for every spread in the deck — color hex/RGB/HSL/CMYK/Pantone, font specs, lockup formats, weight thresholds, do/don't rules. The HTML deck is rendered from this file. When you need a single source of truth for the brand's *values*, this is it.

## Assets

- [Canonical logomark](/dist/logomark.svg): gold mark, Standard weight (sw 3). The default file when in doubt.
- [Logomark variants](/dist/monochrome/): single-color SVG variants — `logomark-{gold,white,black}.svg` at Standard weight.
- [Logomark, heavier strokes](/dist/weights/): `bold/` (sw 4.5, 17–47 px) and `heavy/` (sw 6, ≤ 16 px) subdirectories.
- [Logomark raster exports](/dist/png/): PNG at 16 / 24 / 32 / 48 / 64 / 128 / 192 / 256 / 512 / 1024 px — each size uses the right stroke weight automatically.
- [Lockup (mark + wordmark)](/dist/lockup/): four palettes (primary, reverse, mono-black, mono-white) × three formats (horizontal default, `stacked/`, `single-line/`).
- [Favicon set](/dist/favicon/): `favicon.ico` (16/32/48), `apple-touch-icon.png` (192), `logomark-favicon.svg` (Heavy).
- [Reveal animations](/dist/animations/): three pre-baked SVG animations (~3–5 KB), one-shot and `-loop` companions. No JavaScript.
- [Wordmark typeface](/assets/fonts/): Lexend Exa Light TTF, OFL-licensed (`OFL.txt` ships alongside).

## Optional

- [Brand kit homepage](/index.html): index page linking the deck, the guidelines, and the asset tree.
- [Repository README](/README.md): build / regenerate instructions for the asset pipeline.