# Capture Report — Notion Brand Research
Date: 2026-03-20
Session: notion-capture subagent

---

## Summary

| Metric | Count |
|--------|-------|
| **New images captured** | ~60 net new |
| **Total images in assets/** | 105 |
| **Motion files** | 0 (YouTube blocked) |
| **Failed sources** | 4 (Brandfetch, YouTube, INT raw, BUCK limited) |
| **Quality issues (< 800px wide)** | 4 files |

---

## 1. CAPTURE RESULTS BY SOURCE

### ✅ Instrument — "For Your Life's Work" (10 files)
Files: `instrument-fylw-01.png` through `instrument-fylw-10.png` + `instrument-page.png`

- **CDN: a-us.storyblok.com** — extracted full Storyblok CDN URLs via Playwright network interception
- All images downloaded at 1440–1920px width
- Key images: `notion-2.png` (main hero 3410x2116), `for-lifes-next-chapter.png` (3840px banner), `ooh-feature.png` (3840x2160 OOH feature), 4 slideshow portrait-format images (character stories), secondary slideshow set (multi-market OOH)
- Quality: All ✅ above 800px, sizes 334KB–3.9MB uncompressed (compressed to ~514KB–1.2MB post-compression)

### ✅ BUCK — Notion Faces (19 files)
Files: `buck-faces-01.png` through `buck-faces-19.png` + `buck-faces-page.png`

- Images extracted via Playwright scroll + Sanity CDN network interception
- 11 large campaign images at 4152x2536 (requested at 1440px width)
- 8 avatar/face examples at 1320x1220 (downloaded at original size)
- **Note:** 4 files (02, 05, 07, 08) are only 19KB — these appear to be blank or near-empty placeholder images from the slideshow; content not fully loaded via headless browser
- Key images: `buck-faces-01.png` (wide grid), `buck-faces-03.png` / `04.png` (dual portrait campaign), `buck-faces-12.png` through `19.png` (avatar grid samples)

### ⚠️ BUCK — Notion AI (3 files via API + 4 pre-existing)
Files: `buck-ai-01.jpg`, `buck-ai-02.jpg`, `buck-ai-03.png` (new) + `buck-ai-character1.jpg`, `buck-ai-character2.jpg`, `buck-ai-preview.jpg`, `buck-ai-thumbnail.jpg` (pre-existing) + `buck-ai-page.png`

- **LIMITATION:** Playwright network intercept only captured 3 images even with aggressive scroll
- The BUCK Notion AI page primarily uses **Mux video** (not static images) for animated character sequences
- Mux video thumbnails found but not downloaded: `image.mux.com/A6NpiP7D...`, `image.mux.com/2n5Ismly7...` etc.
- Static images: 2x character design sheets (1080x1064, 1080x1111), 1 hero PNG (1400x788)
- Full-page screenshot (`buck-ai-page.png`) captures the visual content at 1400x9718px

### ✅ Evolve OOH (2 files + page screenshot)
Files: `ooh-01.jpg` (NYC placement), `ooh-02.jpg` (home hero), `ooh-page.png`

- WordPress site with limited Notion-specific images (only 2 actual campaign photos extractable via network)
- `ooh-01.jpg` = Notion billboard NYC street (1400x692, 293KB) ✅
- `ooh-02.jpg` = Home hero image (1400x831, 108KB) ✅
- Page text confirms: placements in London, Paris, SF, NYC, Toronto, Dublin, Seoul, Tokyo

### ✅ It's Nice That (5 files + page screenshot)
Files: `int-01.webp` through `int-05.webp`, `int-page.png`

- Images from `media.itsnicethat.com` CDN (webp format, 1440px width)
- Key content: FrameHero_1 (campaign illustration), Characters.png (character grid), FrameHero_2 (second frame), PENT8314 OOH photo, FrameHero_10
- All ✅ above 800px (1440×810 or 1440×557 or 1440×810)

### ✅ Notion Blog — "Think it. Make it." Process Post (8 files + screenshot)
Files: `notion-blog-01.png` through `notion-blog-08.png`, `notion-blog-timbp.png`

- Extracted via Playwright + ctfassets.net direct download
- Key images:
  - `notion-blog-01.png` = Roman Muradov sketches (TIMI_sketches) ⚠️ 979x746px slightly under 800
  - `notion-blog-02.png` = Apple/Nike reference campaign images (1119x494)
  - `notion-blog-03.png` = Old Notion billboard B&W (1400x750) ✅
  - `notion-blog-04.png` = Early illustrations comparison
  - `notion-blog-05.png` = TIMI hero visual (1400x556) ✅
  - `notion-blog-06.jpg` = In-the-wild campaign photo ❌ 720x960 (under 800px wide)
  - `notion-blog-07.png` = TIMI inspiration board (1281x679) ✅
  - `notion-blog-08.png` = Notion original illustrations small ❌ 423x396

### ✅ Notion Blog — "For Your Life's Work" (3 files + screenshot)
Files: `notion-blog-09.png` through `notion-blog-12.jpg`, `notion-blog-fylw-page.png`

- `notion-blog-09.png` = Tweet wall / work-life (1400x1037) ✅
- `notion-blog-10.png` = Campaign frame/stills (1400x622) ✅  
- `notion-blog-11.jpg` & `notion-blog-12.jpg` = Campaign character story (1400x934) ✅ (these appear to be the same image from two separate fetches)

### ❌ Brandfetch (failed)
- Brandfetch renders entirely via JS — Playwright captures only a blank page (17KB screenshot)
- Logo asset CDN URLs (`asset.brandfetch.io`) returned 111-byte redirects (auth required)
- Screenshot `brandfetch-page.png` captured for reference only

### ✅ Roman Muradov Portfolio (screenshot only)
File: `muradov-page.png` (1400x1715, 451KB)

- Full-page screenshot of romanmuradov.com/notion-2 captured successfully
- JS-heavy site — screenshot shows illustration portfolio content
- Individual image URLs not extracted (portfolio uses JS gallery)

---

## 2. MOTION CAPTURE RESULTS

### ❌ YouTube FYLW Film
- `yt-dlp` blocked with "Sign in to confirm you're not a bot" error
- Tried both standard and `--js-runtimes node` approaches — both blocked
- No deno runtime available on server
- Pre-existing `yt-think-it-make-it.jpg` YouTube thumbnail is the closest substitute
- **Resolution needed:** Use `yt-dlp --cookies-from-browser` on a machine with YouTube cookies, or manually download

### ❌ Vimeo embeds
- BUCK Notion AI page: **No Vimeo embeds found** — content uses Mux video instead
- BUCK Notion Faces page: **No Vimeo embeds found**
- Instrument page: No Vimeo found in network capture

### ❌ Rive/Lottie files
- Checked BUCK Notion AI HTML: **No `.riv` or `.lottie` files found**
- Mux video thumbnails found instead: `image.mux.com/A6NpiP7DfZshfsIvFS9mTIt74BQtcX6S3mfRD7oY700Q/thumbnail.jpg` etc.
- BUCK uses Mux Player for video/animation previews, not Rive embeds
- **Note:** Rive animations may exist on the actual Notion product site (notion.so/product) but not in agency case studies

---

## 3. QUALITY ISSUES (< 800px wide)

| File | Dimensions | Issue |
|------|-----------|-------|
| `notion-blog-06.jpg` | 720x960 | Portrait format — download URL was lower-res |
| `notion-blog-08.png` | 423x396 | Small reference image (original illustrations) |
| `web-ig-post-01.jpg` | 720x1280 | Instagram story format (portrait, pre-existing) |
| `web-ig-post-04.jpg` | 720x1280 | Instagram story format (portrait, pre-existing) |

All other 101 images are ✅ 800px+ wide.

---

## 4. BLOCKERS REQUIRING DIFFERENT APPROACH

| Source | Blocker | Resolution Path |
|--------|---------|----------------|
| **YouTube** | Bot detection — needs auth cookies | `yt-dlp --cookies-from-browser chrome` on Mac/desktop |
| **Brandfetch** | Full JS app, CDN needs auth | Use browser tab with brandfetch.com open; screenshot manually |
| **BUCK Notion AI — more images** | 3 images loaded headlessly; Mux video not downloadable | Need Mux CDN direct access or browser-based capture |
| **Notion brand guidelines** | 401 auth required | Needs Notion account login |
| **Notion Faces interactive tool** | notion.com/faces — not yet captured | Use `playwright screenshot` from browser with longer wait |

---

## 5. RECOMMENDED SECTION ASSIGNMENTS

| Files | Section | Usage |
|-------|---------|-------|
| `instrument-fylw-01.png` through `10.png` | **Era 1: FYLW** | Campaign hero, character stories (Camilla, Erik, Botan), OOH global activation |
| `buck-ai-01.jpg`, `02.jpg`, `buck-ai-page.png` | **Era 2: Notion AI** | Character evolution, animated personality frames |
| `buck-faces-01.png` through `19.png`, `buck-faces-page.png` | **Era 3: Notion Faces** | Avatar system, custom portraits, campaign grid |
| `buck-vi-01.png` through `22.png` | **Brand system** | Think it. Make it. illustration system, OOH executions |
| `notion-blog-01.png` through `08.png` | **Process / Behind the scenes** | Sketches, inspiration, design evolution |
| `notion-blog-09.png` through `12.jpg` | **FYLW launch** | Tweet wall, campaign characters, launch imagery |
| `int-01.webp` through `05.webp` | **Press coverage** | It's Nice That feature images — character design, OOH photography |
| `ooh-01.jpg`, `ooh-02.jpg` | **In-context OOH** | Real-world placement photography |
| `muradov-page.png` | **Illustrator portfolio** | Roman Muradov's Notion work archive |
| `web-ig-post-*.jpg` | **Social** | Instagram campaign rollout content |
| `yt-*.jpg` | **YouTube** | Video thumbnails from Notion's channel |

---

## 6. TOTAL ASSET COUNT

| Category | Count |
|----------|-------|
| Pre-existing (before this session) | 45 |
| **New captures (this session)** | **60** |
| Total images in assets/ | 105 |
| Motion files | 0 |
| Webp files (INT) | 5 |

---

## 7. NOTES FOR NEXT PHASE

1. **YouTube download** needs cookies — can't be done headlessly on this server without auth
2. **BUCK Notion AI videos** use Mux — worth screenshotting key frames from browser tab
3. **notion.com/faces** interactive tool not yet captured — easy browser screenshot
4. **Part and Sum** case study (partandsum.com/work/notion) not captured — mentioned in discovery-sources.md as "TO CAPTURE" for Notion 3.0 launch
5. **Claiborne Colombo** (claibornecolombo.com/home/notion) not captured — worth fetching for FYLW campaign additional imagery
6. The `buck-faces-02.png`, `05.png`, `07.png`, `08.png` files are very small (19KB) — these are likely blank or sparsely-colored slides from the Faces carousel. They render blank in headless mode. Browser needed for full carousel capture.