# Assets

> Every file the system ships: agent media, illustrations, animations and map data.

## Agent media

Faces of the Digital Workers.

**Max's roster** — 16 studio portraits, 4:5 (640 × 800) on a black ground, shown wherever the agent appears once approved:

| file | agent | craft |
|---|---|---|
| `max-carter.webp` | Max Carter | Head of Sales (crop at 50% 22%) |
| `nora-hale.webp` | Nora Hale | Onboarding Interviewer |
| `emma-laurent.webp` | Emma Laurent | Campaign Writer |
| `hugo-silva.webp` | Hugo Silva | Workflow Generator |
| `sofia-rossi.webp` | Sofia Rossi | Lead Discovery & Buyer Roles |
| `simon-keller.webp` | Simon Keller | ICP & Scoring Framework |
| `iris-chen.webp` | Iris Chen | Reply Suggestions |
| `nolan-park.webp` | Nolan Park | Reply Classifier |
| `axel-moreau.webp` | Axel Moreau | Autopilot Reply |
| `maya-brooks.webp` | Maya Brooks | Meeting Assistant |
| `theo-kim.webp` | Theo Kim | Meeting Summarizer |
| `clara-bennett.webp` | Clara Bennett | Meeting Action Items |
| `jade-lin.webp` | Jade Lin | Action Drafting |
| `leo-mercer.webp` | Leo Mercer | Action Suggestions |
| `victor-cole.webp` | Victor Cole | Deal Routing |
| `orion-reed.webp` | Orion Reed | Agent Drafter |

Nova Lane, Olivia Grant, Ezra Novak, Amara Okafor, Luca Moretti, Priya Nair, Daniel Ortiz and Ava Morgan have no portrait yet: they show initials on their accent tile.

**The Digital Crew's video faces** (`videos/`) — short muted loops, H.264 MP4, shown by [`AgentAvatar`](/design/components/agent-avatar.md) in a rounded square ringed in the agent's colour:
- `videos/sophie.mp4` — Sophie, HR Business Partner (sky).
- `videos/max.mp4` — Max, Outbound Sales Force (amber).
- `videos/kate.mp4` — Kate, Marketing Maestro (emerald).
- `videos/andre.mp4` — André, Finance & Admin (indigo).
- `videos/camille.mp4` and its still `videos/camille-poster.png` (1976 × 1942) — Camille, Customer Support Champion (pink). In the site repo they are `public/sophie.mp4` and `public/sophie.png`, the files `lib/brand.ts` assigns to Camille.

Claire, Jeanne and the Boss have no loop in this system yet: show their initial on the agent gradient (135°, primary → secondary → accent).

**Other media**
- `max_agent.png` — 512 × 555 poster for Max's looping video face in the Max app (auth page, dashboard hero, Ask Max bubble).
- `agent-cta-background.png` — 2202 × 721 background behind the agent call-to-action.

Crop portraits with `object-fit: cover` (a circle or rounded square), keep the face in the top third, and always show the agent's name beside the face.


- [axel-moreau.webp](/design/assets/Agents/axel-moreau.webp): image/webp, 23 KB
- [clara-bennett.webp](/design/assets/Agents/clara-bennett.webp): image/webp, 28 KB
- [emma-laurent.webp](/design/assets/Agents/emma-laurent.webp): image/webp, 22 KB
- [hugo-silva.webp](/design/assets/Agents/hugo-silva.webp): image/webp, 18 KB
- [iris-chen.webp](/design/assets/Agents/iris-chen.webp): image/webp, 21 KB
- [jade-lin.webp](/design/assets/Agents/jade-lin.webp): image/webp, 18 KB
- [leo-mercer.webp](/design/assets/Agents/leo-mercer.webp): image/webp, 28 KB
- [max-carter.webp](/design/assets/Agents/max-carter.webp): image/webp, 13 KB
- [maya-brooks.webp](/design/assets/Agents/maya-brooks.webp): image/webp, 25 KB
- [nolan-park.webp](/design/assets/Agents/nolan-park.webp): image/webp, 22 KB
- [nora-hale.webp](/design/assets/Agents/nora-hale.webp): image/webp, 16 KB
- [orion-reed.webp](/design/assets/Agents/orion-reed.webp): image/webp, 17 KB
- [simon-keller.webp](/design/assets/Agents/simon-keller.webp): image/webp, 19 KB
- [sofia-rossi.webp](/design/assets/Agents/sofia-rossi.webp): image/webp, 16 KB
- [theo-kim.webp](/design/assets/Agents/theo-kim.webp): image/webp, 16 KB
- [victor-cole.webp](/design/assets/Agents/victor-cole.webp): image/webp, 25 KB
- [videos/camille-poster.png](/sophie.png): image/png, 3.1 MB
- [videos/camille.mp4](/sophie.mp4): video/mp4, 3.2 MB
- [agent-cta-background.png](/agent-cta-background.png): image/png, 333 KB
- [max_agent.png](/design/assets/Agents/max_agent.png): image/png, 190 KB
- [videos/sophie.mp4](/design/assets/Agents/videos/sophie.mp4): video/mp4, 2.1 MB
- [videos/kate.mp4](/design/assets/Agents/videos/kate.mp4): video/mp4, 576 KB
- [videos/max.mp4](/design/assets/Agents/videos/max.mp4): video/mp4, 472 KB
- [videos/andre.mp4](/design/assets/Agents/videos/andre.mp4): video/mp4, 441 KB

## Illustrations

Thumbnails for Max's campaign workflow templates (email outreach, LinkedIn connection, LinkedIn message, connect-and-follow-up, last-resort letter), 240 × 140.

They draw simple node diagrams with their own fixed HSL blues and slate on a near-white card with an 8px radius, so they do not follow the theme; show them on `card` inside a hairline `border`, and in dark themes keep them on a light tile rather than inverting them.


- [email-outreach.svg](/design/assets/Illustrations/email-outreach.svg): image/svg+xml, 1 KB
- [last-resort-letter.svg](/design/assets/Illustrations/last-resort-letter.svg): image/svg+xml, 2 KB
- [linkedin-connect-followup.svg](/design/assets/Illustrations/linkedin-connect-followup.svg): image/svg+xml, 1 KB
- [linkedin-connection.svg](/design/assets/Illustrations/linkedin-connection.svg): image/svg+xml, 1 KB
- [linkedin-message.svg](/design/assets/Illustrations/linkedin-message.svg): image/svg+xml, 1 KB
- [collective-idea.svg](/design/assets/Illustrations/collective-idea.svg): image/svg+xml, 3 KB

## Animations (Lottie)

Crew OS's Lottie animations (bodymovin JSON, all assets embedded, no external references): ai-collaboration, check, cost-deduction, database, demolishing, dollar, filter, flash, girl-avatar, graduate, schedule, timer, trash, trend-arrow, users-team-profile, young-boy-avatar, young-boy-avatar-2, zap.

Play them with [**Lottie**](/design/components/lottie.md) (`lottie-react`): fetch the JSON and pass it as `animationData`, with `loop` and `autoplay` as needed. They are line-and-fill illustrations in their own colours, so show them on `card` or `background` at 48–160px. Nothing in either app uses them yet; pause or show the first frame under reduced motion.


- [ai-collaboration.json](/design/assets/Animations/ai-collaboration.json): application/json (Lottie), 100 KB
- [check.json](/design/assets/Animations/check.json): application/json (Lottie), 13 KB
- [cost-deduction.json](/design/assets/Animations/cost-deduction.json): application/json (Lottie), 315 KB
- [database.json](/design/assets/Animations/database.json): application/json (Lottie), 8 KB
- [demolishing.json](/design/assets/Animations/demolishing.json): application/json (Lottie), 66 KB
- [dollar.json](/design/assets/Animations/dollar.json): application/json (Lottie), 6 KB
- [filter.json](/design/assets/Animations/filter.json): application/json (Lottie), 15 KB
- [flash.json](/design/assets/Animations/flash.json): application/json (Lottie), 30 KB
- [girl-avatar.json](/design/assets/Animations/girl-avatar.json): application/json (Lottie), 42 KB
- [graduate.json](/design/assets/Animations/graduate.json): application/json (Lottie), 5 KB
- [schedule.json](/design/assets/Animations/schedule.json): application/json (Lottie), 56 KB
- [timer.json](/design/assets/Animations/timer.json): application/json (Lottie), 6 KB
- [trash.json](/design/assets/Animations/trash.json): application/json (Lottie), 7 KB
- [trend-arrow.json](/design/assets/Animations/trend-arrow.json): application/json (Lottie), 6 KB
- [users-team-profile.json](/design/assets/Animations/users-team-profile.json): application/json (Lottie), 10 KB
- [young-boy-avatar-2.json](/design/assets/Animations/young-boy-avatar-2.json): application/json (Lottie), 27 KB
- [young-boy-avatar.json](/design/assets/Animations/young-boy-avatar.json): application/json (Lottie), 27 KB
- [zap.json](/design/assets/Animations/zap.json): application/json (Lottie), 3 KB

## Map data

`world-countries-110m.geojson` — Natural Earth country outlines at 1:110m (174 KB), the land layer [**WorldGlobe**](/design/components/world-globe.md) draws for the prospect and organisation maps. Both apps serve it from `public/geo/`.


- [world-countries-110m.geojson](/design/assets/Geo/world-countries-110m.geojson): application/geo+json, 174 KB
