# Downloads & tokens

> Logo packs, brand kit, agent media, design tokens in four formats, fonts and the component bundle.

## Downloads

Zips are built in the browser from these files:

- Logo pack: [android-chrome-512x512.png](/design/assets/Logos/android-chrome-512x512.png), [apple-touch-icon.png](/design/assets/Logos/apple-touch-icon.png), [favicon-32x32.png](/design/assets/Logos/favicon-32x32.png), [logo-black-complete.svg](/design/assets/Logos/logo-black-complete.svg), [logo-black.svg](/design/assets/Logos/logo-black.svg), [logo-icon-black.png](/design/assets/Logos/logo-icon-black.png), [logo-icon-white.png](/design/assets/Logos/logo-icon-white.png), [logo-white-complete.svg](/design/assets/Logos/logo-white-complete.svg), [logo.png](/design/assets/Logos/logo.png)
- Agent media: [axel-moreau.webp](/design/assets/Agents/axel-moreau.webp), [clara-bennett.webp](/design/assets/Agents/clara-bennett.webp), [emma-laurent.webp](/design/assets/Agents/emma-laurent.webp), [hugo-silva.webp](/design/assets/Agents/hugo-silva.webp), [iris-chen.webp](/design/assets/Agents/iris-chen.webp), [jade-lin.webp](/design/assets/Agents/jade-lin.webp), [leo-mercer.webp](/design/assets/Agents/leo-mercer.webp), [max-carter.webp](/design/assets/Agents/max-carter.webp), [maya-brooks.webp](/design/assets/Agents/maya-brooks.webp), [nolan-park.webp](/design/assets/Agents/nolan-park.webp), [nora-hale.webp](/design/assets/Agents/nora-hale.webp), [orion-reed.webp](/design/assets/Agents/orion-reed.webp), [simon-keller.webp](/design/assets/Agents/simon-keller.webp), [sofia-rossi.webp](/design/assets/Agents/sofia-rossi.webp), [theo-kim.webp](/design/assets/Agents/theo-kim.webp), [victor-cole.webp](/design/assets/Agents/victor-cole.webp), [videos/camille-poster.png](/sophie.png), [videos/camille.mp4](/sophie.mp4), [agent-cta-background.png](/agent-cta-background.png), [max_agent.png](/design/assets/Agents/max_agent.png), [videos/sophie.mp4](/design/assets/Agents/videos/sophie.mp4), [videos/kate.mp4](/design/assets/Agents/videos/kate.mp4), [videos/max.mp4](/design/assets/Agents/videos/max.mp4), [videos/andre.mp4](/design/assets/Agents/videos/andre.mp4)
- Illustrations: [email-outreach.svg](/design/assets/Illustrations/email-outreach.svg), [last-resort-letter.svg](/design/assets/Illustrations/last-resort-letter.svg), [linkedin-connect-followup.svg](/design/assets/Illustrations/linkedin-connect-followup.svg), [linkedin-connection.svg](/design/assets/Illustrations/linkedin-connection.svg), [linkedin-message.svg](/design/assets/Illustrations/linkedin-message.svg), [collective-idea.svg](/design/assets/Illustrations/collective-idea.svg)
- Lottie: [ai-collaboration.json](/design/assets/Animations/ai-collaboration.json), [check.json](/design/assets/Animations/check.json), [cost-deduction.json](/design/assets/Animations/cost-deduction.json), [database.json](/design/assets/Animations/database.json), [demolishing.json](/design/assets/Animations/demolishing.json), [dollar.json](/design/assets/Animations/dollar.json), [filter.json](/design/assets/Animations/filter.json), [flash.json](/design/assets/Animations/flash.json), [girl-avatar.json](/design/assets/Animations/girl-avatar.json), [graduate.json](/design/assets/Animations/graduate.json), [schedule.json](/design/assets/Animations/schedule.json), [timer.json](/design/assets/Animations/timer.json), [trash.json](/design/assets/Animations/trash.json), [trend-arrow.json](/design/assets/Animations/trend-arrow.json), [users-team-profile.json](/design/assets/Animations/users-team-profile.json), [young-boy-avatar-2.json](/design/assets/Animations/young-boy-avatar-2.json), [young-boy-avatar.json](/design/assets/Animations/young-boy-avatar.json), [zap.json](/design/assets/Animations/zap.json)

## Design tokens

- [CSS variables](/design/lib/tokens.css): Every token per theme on [data-theme], plus the Cabinet Grotesk faces. The source of truth for the web.
- [Tailwind CSS v4 theme](/design/tokens/tokens.tailwind.css): An @theme block mapping every token to utilities: bg-primary, text-muted-foreground, rounded-lg.
- [Figma · Tokens Studio (DTCG)](/design/tokens/tokens.dtcg.json): W3C design-token JSON, one set per theme, with type styles. Import into Tokens Studio or Style Dictionary.
- [JSON source](/design/tokens.json): The system's own token file: values per theme and a usage note for every token.

## Fonts

- Cabinet Grotesk (Crew OS, marketing): https://www.fontshare.com/fonts/cabinet-grotesk
- Inter (Max): https://fonts.google.com/specimen/Inter
- Instrument Serif (Max agent surfaces): https://fonts.google.com/specimen/Instrument+Serif

## Code

- [/design/lib/bundle.js](/design/lib/bundle.js): window.DigitalCrew: every component, hook and helper
- [/design/lib/bundle.css](/design/lib/bundle.css): Tailwind v4 output for every component and preview, plus module CSS
- [/design/lib/react.js](/design/lib/react.js): React 19.2.3 (classic script, global React)
- [/design/lib/react-dom.js](/design/lib/react-dom.js): ReactDOM 19.2.3 with createRoot (global ReactDOM)
- [/design/lib/index.d.ts](/design/lib/index.d.ts): TypeScript declarations for window.DigitalCrew, per source module, plus the data types props use