# Trikaala — brand asset library

Everything you need to put the brand on a surface. All files are public
(served from `/brand/` at runtime) and generated from a small set of
master SVGs — so any tweak to the source updates every derived asset.

---

## The mark

Three horizontal lines. The middle one is thicker than the outer two
because **the present is what the practice attends to** — past and
future are quieter. The asymmetry is not decoration; it's the brand
position rendered as geometry.

The name *Trikaala* literally means **the three times** (Sanskrit:
त्रिकाल — *tri* "three" + *kāla* "time"). The mark is the name
written as shape.

| File | Use |
|---|---|
| `mark.svg` | The canonical glyph. Midnight square, gold lines. Use when you want the mark to sit as a complete sealed unit (favicon, app icon, social profile). |
| `mark-light.svg` | Transparent background, gold lines only. Use on a midnight surface where the seal-square would visually double-up. |
| `mark-dark.svg` | Transparent background, midnight lines only. Use on white/ivory surfaces (letterhead, slide decks with light backgrounds). |

## The wordmark

`TRIKAALA` set in **Italiana** at letter-spacing 0.3em. The wordmark is
the brand's typographic register — editorial, formal, unhurried.

| File | Use |
|---|---|
| `wordmark.svg` | The word only, no mark. For places where the surrounding UI already carries the mark. |

## Lockups

The mark + wordmark composed together in three standard arrangements.

| File | Use |
|---|---|
| `lockup-horizontal.svg` | Mark on left, wordmark on right. **This is the navigation header lockup.** |
| `lockup-vertical.svg` | Mark on top, wordmark below, Devanagari below that. For square surfaces — splash screens, social profile cards. |
| `lockup-full.svg` | The full presentational arrangement — mark + Latin wordmark + Devanagari + tagline. For letterhead, the OG share card, press releases, slide title cards. |

## Raster exports

Every SVG has a matching set of PNG exports at the sizes UI typically
asks for. Look for files like `mark-32.png`, `mark-180.png`,
`lockup-horizontal-640.png`. If a size you need isn't here, regenerate
with:

```bash
rsvg-convert -w {WIDTH} -h {HEIGHT} public/brand/{source}.svg \
  -o public/brand/{source}-{WIDTH}.png
```

## Favicon + system icons

| File | Where it loads |
|---|---|
| `favicon.ico` (also copied to `public/favicon.ico`) | Browser tab — 16/32/48 multi-resolution ICO |
| `mark.svg` (also copied to `public/favicon.svg`) | Modern browsers — vector favicon |
| `apple-touch-icon-180.png` (also copied to `public/apple-touch-icon.png`) | iOS home-screen + Safari pinned tabs |

## Colour palette

| Token | Hex | Where it lives |
|---|---|---|
| `midnight` | `#0A0908` | Body background, the brand's dark canvas |
| `antique-gold` | `#C8A968` | The mark, the wordmark, accents |
| `champagne` | `#E8D9BD` | Hover states, secondary gold |
| `ivory` | `#F8F4EB` | Body copy on midnight |

## Typography (referenced by the wordmark SVGs)

| Family | Where |
|---|---|
| **Italiana** | The wordmark itself (`TRIKAALA`) |
| **Tiro Devanagari Sanskrit** | The त्रिकाल script lockup |
| **Cormorant Garamond** (fallback) | Body display copy |
| **Inter** (fallback) | UI labels, taglines |

## Clearspace

Don't pack the mark up against other typography. The minimum clearspace
around the mark is **the height of the middle (thick) line** — visually
that's about ⅒ of the mark's height. Anything tighter and the mark
loses its weight.

## Don'ts

- Don't recolour the lines (use the gold + midnight palette only)
- Don't stretch the mark non-uniformly
- Don't rotate the mark (it reads as a horizon line; rotating breaks the metaphor)
- Don't add drop shadows, embossing, or skeuomorphic effects
- Don't pair the mark with a tagline other than "Indian contemplative tarot" or "the Antardarshan Method"

## Re-generating from the masters

If you edit `mark.svg`, `lockup-horizontal.svg`, etc., regenerate all
PNG variants via `scripts/build-brand.sh` (or the inline `rsvg-convert`
loop in the commit `feat(brand): logo asset family`).

---

*The mark is part of the same family as the antique-gold seal designs
in this folder (`seal-standard.svg`, `seal-foil.svg`, `seal-emboss.svg`)
— those are for academy certificates and use the same colour register.*