Brands813
↑ ↓ to browse
View full design.md ↗
Slack· SaaSslack.com
Aubergine · humanist grotesque · soft lift

All your people and AI agents working together.

Slack connects your team, your tools, and your AI agents in one place, so people can move faster, stay aligned, and get more done together.

Color Palette19 tokens
background#ffffff
surface#f8f8f8
surface-dark#1d1c1d
ink#1d1c1d
ink-secondary#454245
ink-muted#696969
ink-tertiary#757575
on-dark#ffffff
primary#481a54
primary-hover#611f69
primary-strong#350d36
primary-container#f4ecf6
on-primary#ffffff
link#1264a3
link-hover#0b4c81
border#e8e8e8
border-strong#dddddd
shadow-soft#000000
shadow-plum#611f69
Buttons
TypographyGoogle Font
Lato
display-hero

People and AI agents.

64px · 700 · -0.77px
display

Where work happens

50px · 700 · -0.6px
heading

Slack connects your team, your tools, and your AI agents in one place, so people can move faster, stay aligned, and get more done together.

32px · 700 · -0.26px
heading-sub

USER AUTHENTICATION

24px · 700 · -0.1px
body-large

Slack connects your team, your tools, and your AI agents in one place, so people can move faster, stay aligned, and get more done together.

21px · 400 · 0px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Where work happens

Slack connects your team, your tools, and your AI agents in one place, so people can move faster, stay aligned, and get…

SaaS
sm
md
lg
xl
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
Where work happens
Slack connects your team, your tools, and your AI agents in one place, so people can move faster, stay aligned, and get more done together.
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewSlack just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeSaaSSlack
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to Slack.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Slack tokens
export const theme = {
  primary: "#481a54",
  radius: "8px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Slack became the place our whole team lives. Channels, huddles, and now AI agents — everything in one calm, human workspace.

Slack · SaaS

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
Loom88%

shared styles: Light, Minimal, Cool · same category: SaaS

Y Combinator87%

shared styles: Light, Minimal, Bold · same category: SaaS

Deel78%

shared styles: Minimal, Bold · same category: SaaS

Basecamp75%

shared styles: Light, Minimal, Bold · visual DNA: Light, Cool, High contrast

Miro74%

shared styles: Light, Bold · same category: SaaS

Ghost73%

shared styles: Minimal, Bold · same category: SaaS