# WISP Brand Kit · Asset Map

**Root:** `xiangdoc/brand-kit/`  
**Version:** 1.0 · 2026-07-14  
**Official logo source:** dual-arc wordmark + mark (from `WISP main logo.svg` / `WISP W logo.svg`)  
**Trial alternate:** `identity/wordmark/wisp-new-vector-trial.svg` (smoke-i vector — not official until confirmed)

---

## Open first (visual)

| File | What |
|------|------|
| **`index.html`** | Full brand kit gallery — open in browser |
| `../wisp-brand-handbook/logo/colors/color-board.html` | Color board |
| `../wisp-brand-handbook/logo/logo-guidelines.html` | Logo guidelines |

---

## Directory map

```
brand-kit/
├── index.html                 ← visual hub
├── ASSET_MAP.md               ← this file
├── README.md
├── tokens/
│   ├── design-tokens.json     ← single source of truth
│   ├── palette.json
│   ├── wisp-tokens.css        ← web CSS variables
│   ├── _wisp-tokens.scss
│   └── tailwind.wisp.snippet.js
├── identity/
│   ├── wordmark/              ← color fills + on-field
│   ├── mark/
│   └── lockups/               ← domain, signature, pattern
├── lines/
│   └── line-card-*.svg        ← WARM STILL SOFT CLEAR
├── templates/
│   ├── social/                ← IG post + story × 4 lines
│   ├── packaging/             ← tube labels + box sleeve
│   ├── stationery/            ← card, email signature
│   └── web/                   ← favicon, app-icon, og-image
├── copy/
│   ├── brand-strings.json
│   └── VOICE_CARD.md
├── legal/
│   └── trademark-brief-na.md  ← hand to counsel
└── exports/                   ← PNG exports (generate as needed)
```

---

## Downstream work this kit unlocks

| Future work | Use |
|-------------|-----|
| Website / landing | tokens CSS + og-image + wordmark |
| Packaging print | tube-label-*, box-sleeve, line colors |
| Instagram / ads | templates/social/* |
| Email / CRM | email-signature + brand-strings |
| App / favicon | templates/web/* |
| Trademark filing | legal/trademark-brief-na.md + identity |
| Figma / design system | design-tokens.json + CSS |
| Handbook sync | confirmed assets only after user OK |

---

## Color quick ref

| Token | Hex | Role |
|-------|-----|------|
| Ink | `#2C2825` | Logo primary |
| Earth | `#3D3429` | Deep ground |
| Sandal | `#9A7348` | Domain / warm accent |
| Sage | `#7D9B82` | Living accent / CTA |
| Mist | `#A7C4BE` | Airy accent |
| Bone | `#F4F1EA` | Primary field |
| Cream | `#FAF7F2` | Page field |

**Ratio:** 70% field · 20% structure · 10% accent  

---

## Logo fill rule

Allowed fills: **Ink / Earth / Sandal / Black / Inverse (cream)**  
Sage & Mist → accents, line dots, CTAs — not default wordmark fill.