# Digital Crew Design System

> Everything you need to design, build and market Digital Crew: the brand, the foundations, 146 live components and ready-to-use assets for Crew OS and Max.

## Find your way

- [Designers](/design/start/designers.md): Colours, type and components that stay on-brand in both products.
- [Developers](/design/start/developers.md): Tokens as CSS or Tailwind, the component bundle, types and APIs.
- [Marketers](/design/start/marketers.md): The story, the voice, logos and agent media for every campaign.
- [Freelancers & agencies](/design/start/freelancers.md): Everything to deliver a page or an asset for Digital Crew today.
- [AI agents & LLMs](/design/start/ai-agents.md): Machine-readable docs: llms.txt, Markdown twins, tokens and types.

## Sections

- [Brand](/design/story.md)
- [Foundations](/design/foundations/colour.md)
- [Components](/design/components.md)
- [Resources](/design/resources.md)

## Themes

- `crew-light` (Crew OS · Light): Crew OS and the public site, ink.
- `crew-dark` (Crew OS · Dark): Crew OS and the public site, ink.
- `max-light` (Max · Light): Max, orange by default.
- `max-dark` (Max · Dark): Max, orange by default.

## The crew

- Sophie, HR Business Partner: `dc-sophie`
- Claire, Market Mastermind: `dc-claire`
- Max, Outbound Sales Force: `dc-max`
- Kate, Marketing Maestro: `dc-kate`
- Camille, Customer Support Champion: `dc-camille`
- André, Finance & Admin: `dc-andre`
- Jeanne, Project Manager: `dc-jeanne`
- Boss, Chief Executive Officer: `dc-boss`

## About this system

Digital Crew builds AI **Digital Workers**: teammates that take a role, connect to your tools and ship work alongside your people. Two products share this system. **Crew OS** is the platform, admin and public site where people build and run their crew. **Max** is the go-to-market workspace (CRM, campaigns, inbox, meetings) run by the sales Digital Worker of the same name. Both are Next.js + Tailwind v4 + shadcn (new-york) apps with the same semantic token names, the same component vocabulary and the same typeface; Max's component library is the reference implementation. They differ in one decision, and the brand story below explains it: **Crew OS is ink, Max is orange.**

Pick the theme for the product you are building: `crew-light` / `crew-dark` for Crew OS and the marketing site, `max-light` / `max-dark` for Max. Every token name means the same thing in all four themes; only the values change.