slack.com · Captured October 9, 2026
Slack,as a design system.
The typeface, type scale and palette slack.com actually renders, on one board — measured from its live homepage, with its brand colour checked against its own guidelines.
Free with an account · Chrome, Edge & Brave · reads a page only when you click
Slack · typeface
Salesforce-Avant-Garde
Self-hosted (@font-face) · with Salesforce-Sans · shown here in a fallback if you don't have it installed
- Styles
- 10 styles
- Weights
- 4 weights
- Colours
- 16 colours
type scale
Aa Bb Cc Dd Ee Ff Gg
Brand colour · Aubergine
S#4A154B
Go deeper, one layer at a time.
Every font with where it comes from, and every colour with where it's used and its contrast — each with exports for CSS, Tailwind, shadcn/ui and Figma.
Captured from slack.com on October 9, 2026 by Xtractly's Design System scanner, at 1440px wide in light mode. Sites change — run the extension on the live page for today's values. Xtractly isn't affiliated with Slack; names and marks belong to their owners.