# Slack

> Generated by BrandSweets from the slack-com BrandDoc (v3, schema 1). Do not edit by hand.

## Identity

**Tagline:** Boost productivity and save time with Slack‌ — ‌the AI work platform for managing projects, automating workflows, and connecting teams securely. Start workin…

**Domain:** slack.com


Boost productivity and save time with Slack‌ — ‌the AI work platform for managing projects, automating workflows, and connecting teams securely. Start working smarter today.

## Colors

| Role | Name | Hex | Dark | Usage |
| --- | --- | --- | --- | --- |
| `primary` | — | `#1264a3` | — | Primary brand color: CTAs, links, active states. |
| `secondary` | — | `#730394` | — | Secondary brand color. |
| `accent` | — | `#1264a3` | — | Accent: highlights and secondary emphasis. |
| `surface` | — | `#ffffff` | — | Page and card background. |
| `text` | — | `#000000` | — | Body text on surface. |

### Scales

- **primary:** 50 `#f0f5f9`, 100 `#dae7f1`, 200 `#acd6f6`, 300 `#7abdf0`, 400 `#4ca6eb`, 500 `#2392e7`, 600 `#167cca`, 700 `#1264a3`, 800 `#0e4f81`, 900 `#103856`, 950 `#0b2438`
- **secondary:** 50 `#f8effa`, 100 `#edd8f3`, 200 `#e9a5fd`, 300 `#db6efc`, 400 `#ce3cfb`, 500 `#c30ffa`, 600 `#aa04dc`, 700 `#8b04b4`, 800 `#730394`, 900 `#49095d`, 950 `#30063c`
- **accent:** 50 `#f0f5f9`, 100 `#dae7f1`, 200 `#acd6f6`, 300 `#7abdf0`, 400 `#4ca6eb`, 500 `#2392e7`, 600 `#167cca`, 700 `#1264a3`, 800 `#0e4f81`, 900 `#103856`, 950 `#0b2438`
- **surface:** 50 `#ffffff`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#212121`
- **text:** 50 `#f5f5f5`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#000000`

## Typography

### Families

#### Salesforce-Avant-Garde `salesforce-avant-garde`
- **Source:** custom
- **Weights:** 400 Regular, 600 Semibold, 700 Bold
- **Fallback stack:** `Salesforce-Avant-Garde, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`
- **Licensing:** Auto-detected web font; provenance unconfirmed. Reference only — never rehost without a license.

#### Salesforce-Sans `salesforce-sans`
- **Source:** custom
- **Weights:** 400 Regular, 700 Bold
- **Fallback stack:** `Salesforce-Sans, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`
- **Licensing:** Auto-detected web font; provenance unconfirmed. Reference only — never rehost without a license.

### Role assignments

- **heading:** Salesforce-Avant-Garde (`salesforce-avant-garde`)
- **body:** Salesforce-Sans (`salesforce-sans`)

### Scale

| Step | Size (rem) | Line height | Tracking (em) |
| --- | --- | --- | --- |
| sm | 0.875 | 1.5 | — |
| base | 1 | 1.6 | — |
| lg | 1.25 | 1.4 | — |
| xl | 1.75 | 1.25 | — |
| 2xl | 2.25 | 1.15 | — |
| display | 3.5 | 1.05 | -0.02 |

## Logos

### primary
- **Formats:**
  - `svg` (20×20): data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m18.78%2017.72c.1467.1467.22.3233.22.53%200%20.2133-.0733.39-.22.53-.16.1467-.3367.22-.53.22-.2067%200-.3833-.0733-.53-.22l-4.47-4.47c-.6667.54-1.4067.9567-2.22%201.25-.8067.2933-1.65.44-2.53.44-1.36%200-2.61333-.3367-3.76-1.01s-2.05667-1.5833-2.73-2.73-1.01-2.4-1.01-3.76.33667-2.61333%201.01-3.76%201.58333-2.05667%202.73-2.73%202.4-1.01%203.76-1.01%202.6133.33667%203.76%201.01%202.0567%201.58333%202.73%202.73%201.01%202.4%201.01%203.76c0%20.88-.1467%201.7267-.44%202.54-.2933.8067-.71%201.5433-1.25%202.21zm-10.28-3.22c1.08667%200%202.0867-.27%203-.81.92-.54%201.65-1.2667%202.19-2.18.54-.92.81-1.92333.81-3.01s-.27-2.08667-.81-3c-.54-.92-1.27-1.65-2.19-2.19-.9133-.54-1.91333-.81-3-.81s-2.09.27-3.01.81c-.91333.54-1.64%201.27-2.18%202.19-.54.91333-.81%201.91333-.81%203s.27%202.09.81%203.01c.54.9133%201.26667%201.64%202.18%202.18.92.54%201.92333.81%203.01.81z%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E
- **Clearspace:** 1× logo-height — Default clearspace of one logo-height on all sides (auto-seeded; refine after review).
- **Min size:** 24px w (screen)
- **Allowed backgrounds:** any

### wordmark
- **Formats:**
  - `png` (101×38): data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAAAmCAMAAADqbqU/AAABelBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAttX0AAAAAAADgHloAAAA2w+/fHFgws3swv+8AAAA2xfDfHloAAAAAAAAwv+/nrzDssi0Nndo4x+/srzA3xfE0w+8ss3vssi7fIFgLmto1xO/gHloutn3qryrrrywQn88utnzfIFoutXzgHlvfHloNnNnvrzAttX3fHlkNndoqtXrqsi4Mm9nvrygwt4Autn7rsi4stXzrrzA3xO83xO/tsi02x/Iwr4Dvryoot4Aut30vtX0gr4Awr4Aor4DhHlvgHlvgHlottnw2xO8AAADgHlnfHVnrsS4qtYDrsS7fIFA2xfA1xO/fEFDgHVrrsS7gHVntsS4ut3w1xvEIl9ffGFgMm9sNndrhHlo1wu8On9oNntwMnNsOndgwr3ANndoNnNjssi8AAAAMm9cNndkMnNoMnNoLm9gNndcAAAANndoutn3gHlrssi42xfCCJXqFAAAAeHRSTlMAnyC/gBDfYEAwoJCv71CfcG/fX4BAQCCP34B/zxAgv58gYJ9AQO8gMJDP7zBAEKAwkO+QUBBgcO8wcIAgIF/fkEBwkI9fIDAgsJ8QECBfz5+/oLDfoLAwgBCvMBCv37/ff48gIEBgb2CPX69wEN+wn9BA37+QcGBqyQZZAAADlUlEQVR4Xu2Th3PbNhSHf3jEJClatOxYjrebOM5sZtMmaZLuvffee29Ksv/3EiBAWEovtnunXnvX707k3e/ewyc+AAisHHsHNc8ceQ7TY2Fxd/dj4KPhcHjzLoJcSplhP1xZiTt5e7fm2LPDmtN3sSRVVTHshyvjuJNFa5k7MrQ8PjXL3D9iWXl52pbI9CwLJ+9pOLnQWt64ffsBtIiSMcZ1tISQE7RSSsOhs1AVLYWqMe4IBxZXvOXJ0/XzODxlp3LIXrSg32RLaQhM4qsoWlCG5OHdyJfecsE+n0aDqgIyWljIOj7oVW2iWwt1vGTM8tiDzvLdvfb5FBqkXYdny1UVv2WpiriAqkiHvIWklRp3uPZMbAMv1ZILcBa/MaaWvIIaSilYhHSLFzoNlmRPkJjG0lQpODYe8bs/twHgvpmb9jEzcxzR0unR2Bkr2nbTTIzaQEkd9iW3IceBEM3eJ5yiJYvnOXVBNwYIZe5LMni+uDgazeLd9y7OPg88sbbTsPUoPN12/GFibunuXgsPQbQ4JDyfjmpm8Zp9zePWTsub8CgZesQhLTE8ai2n8IJ9XX1oJ/I6WozK/U7GiSVw5C5QMaBgyVyLhmPeWl7ErH0dvbIVLT8itgFuZe4t2l1IhGvHINqg3w6WU6c9yMCl0ejVE96Ca63k1mqYsewJwE8p2XNwZWYvURNkTcDcwkVjQeFCguP8+bcQLFg923AGHnKl0p00ChY9eSuFjIEU3gJug2UBT7Dc2NzcvIExVGznCBbwkC37gFqNDBPzA6iSSYvb/WsYQ6fNjel0ES3QblVZpCEQ3CUdLhAtwmX9v7JsYRJTKGVgEUQk2tCMBdChKqaCLOOWq2d2LFcwBeK1OYH3a8kapselUx/MA6trH66t4j/A/5ASmOTy9U+2P4NFqJJg0WjRGocmJ0zy+WBw/2Dw1fWvgVQbDUuKgGGEw1LIfsG4yXkBljGdMQF8M/B86/6DYNkSUlCWGUo55cuFyZgtF2XWJZb1sD8MqoccyEUCk6Do4tz3wfIDKM0LgHKRIgVy1QU0RwLkkLYRmUEqDmTRto0TAzG7xuVBYB01CSUqoRQ/MdaHyo3mYEBKDJyANGfsoJacRIJg+dk7fvn1HDSZRHEhKQUnoQWpnubIiWy57gtSXRjsjwYRhOIEDaEhDLD9W73967+jhnhJUKUW2tYY4qUQBlSWAhpQXLvf3+SP9W386/gTwx2XNqdB58gAAAAASUVORK5CYII=
- **Allowed backgrounds:** any

### mono
- **Formats:**
  - `svg` (18×18): data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22c-locale-new-switcher__globe%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%20100%20100%22%20role%3D%22presentation%22%3E%3Cpath%20d%3D%22M50.008%205.874c-11.308%200-22.613%204.3-31.219%2012.906-17.211%2017.211-17.211%2045.226%200%2062.438%2017.211%2017.21%2045.195%2017.21%2062.406%200%2017.212-17.212%2017.243-45.227.032-62.438-8.606-8.606-19.912-12.906-31.22-12.906zm-3.125%206.125h.125v34.969H28.914c.58-10.29%204.095-20.385%2010.594-28.157%202.27-2.715%204.757-4.983%207.375-6.812zm6.125%200h.062a38%2038%200%200%201%207.407%206.812c6.498%207.772%2010.014%2017.866%2010.593%2028.157H53.008v-34.97zm-18.094%202.937c-7.508%208.978-11.557%2020.412-12.156%2032.032H11.977c.687-8.725%204.343-17.25%2011.03-23.938a38.166%2038.166%200%200%201%2011.907-8.094zm30.219.062a38.176%2038.176%200%200%201%2011.812%208.063c6.685%206.685%2010.369%2015.19%2011.063%2023.906H77.227c-.598-11.59-4.623-23-12.094-31.969zm-53.156%2037.97h10.78c.59%2011.638%204.638%2023.07%2012.157%2032.062a38.133%2038.133%200%200%201-11.875-8.063c-6.7-6.7-10.376-15.258-11.062-24zm16.937%200h18.094V88.03h-.063c-2.644-1.838-5.146-4.135-7.437-6.875-6.512-7.787-10.025-17.876-10.594-28.188zm24.094%200H71.07c-.568%2010.31-4.082%2020.4-10.593%2028.187-2.298%202.747-4.817%205.034-7.47%206.875V52.967zm24.219%200h10.812c-.679%208.741-4.39%2017.295-11.094%2024A38.07%2038.07%200%200%201%2065.04%2085.06c.01-.011.022-.02.031-.031%207.52-8.992%2011.568-20.424%2012.157-32.063z%22%2F%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any

### inverse
- **Formats:**
  - `svg` (20×20): data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cstyle%3E*%7Bfill%3A%23ffffff%3Bcolor%3A%23ffffff%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22m18.78%2017.72c.1467.1467.22.3233.22.53%200%20.2133-.0733.39-.22.53-.16.1467-.3367.22-.53.22-.2067%200-.3833-.0733-.53-.22l-4.47-4.47c-.6667.54-1.4067.9567-2.22%201.25-.8067.2933-1.65.44-2.53.44-1.36%200-2.61333-.3367-3.76-1.01s-2.05667-1.5833-2.73-2.73-1.01-2.4-1.01-3.76.33667-2.61333%201.01-3.76%201.58333-2.05667%202.73-2.73%202.4-1.01%203.76-1.01%202.6133.33667%203.76%201.01%202.0567%201.58333%202.73%202.73%201.01%202.4%201.01%203.76c0%20.88-.1467%201.7267-.44%202.54-.2933.8067-.71%201.5433-1.25%202.21zm-10.28-3.22c1.08667%200%202.0867-.27%203-.81.92-.54%201.65-1.2667%202.19-2.18.54-.92.81-1.92333.81-3.01s-.27-2.08667-.81-3c-.54-.92-1.27-1.65-2.19-2.19-.9133-.54-1.91333-.81-3-.81s-2.09.27-3.01.81c-.91333.54-1.64%201.27-2.18%202.19-.54.91333-.81%201.91333-.81%203s.27%202.09.81%203.01c.54.9133%201.26667%201.64%202.18%202.18.92.54%201.92333.81%203.01.81z%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any
- **Notes:** Derived from primary (flattened to #ffffff for dark backgrounds). Auto-generated — review before use.

### favicon
- **Formats:**
  - `png` (16×16): data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAiCAYAAADVhWD8AAACT0lEQVR42s2VQW7bMBBFfQQdoDa47CIiBBSuu/QRvCpid1HdwNrHjnUDH4Ww0irdCWjtZukjMF0ViGOM0wuoZJRkCFkUJZmIMsAHLXNAPo5Gn506Mdg8TD9uDlwofRxv/n3N59Afl1Maz0EoFeI0vsQcW9Ffgy8h8hr8huAF5Hq2kBB5WQfCihwJnnNkJYphZlvbMKlOXgKOdx2SYwiUbRjQwXy6AfKqMIM1BO3DqNX5BSH2TqswGHJzVfI/6zC4kVkdJZrAEBY6HguJ1tD6a2zSMqHpPSyawNB4sdQYIxpafaHpmWEQpGj+7OpimMFsDtvaICioCuOx0NHNu/E8QUMzyIbpeeL0JTn86TUdkhNguHIdgO46QBhDZT78hFFjGHlzI0yguyhLYbBnsIn761q9w6Urd3Lhfp/7eGHK8SLL0cC48SxBkLca3Bk5nJwTVbqcsnWAEecv80gFFa/zpzeZ3va+wG1vkqqSGys5CzVHPufX2Ud0eR9REEqraBdRvr+iuA7vTnwEOIZBkIL53jjIgaSN9I1mH4I47dYEI35zTQ48wzSBQLlJBoMLF8Jw4jtlOXIN+f5PgRFV5RlMd5yUnVoClcJgZeDkyvB358PifpiEdWDuIho0hdmxs6HSxOORUiGOjVkZJgNirn+/otuKECArgiDmMMNYCOswO+YNVQF7T1qA0X9N+8hdtg6jareiYfswqofYChum17EZYlPNlTHmBtNDQ7MQ6ENFxtj9PDKZ3h3zPJss6NSZMXI5ymecRdOTldivKBcjqwPyH3MZonz6I6ghAAAAAElFTkSuQmCC
- **Allowed backgrounds:** any

## Boards

- **Cover** — `cover` (`board-cover`)
- **Color System** — `color-system` (`board-colors`)
- **Type Specimen** — `type-specimen` (`board-type`)
- **Logo Suite** — `logo-suite` (`board-logos`)

## Resources

- Tokens (JSON): /b/slack-com/tokens.json
- Tokens (CSS): /b/slack-com/brand.css
- This document: /b/slack-com/brand.md
- MCP endpoint (public read): mcp.brandsweets.com/slack-com/mcp
- Agent integration guide: /agents.md