screenroveScreenrove / Design references
Slack design guide
Aubergine chrome framing a white message canvas — dense workplace product UI with a soft lavender marketing shell.
Typography
Observed family: Slack Lato / system sans. Font files are not distributed.
marketing: Soft lavender hero with aubergine CTAs
- Canvas:
#fcfcfc - Aubergine:
#542454 - CTA purple:
#6c0090 - Lavender wash:
#f0f0fc
Layout and components
- Centred hero + CTA pair above product mockup
- Aubergine chrome on bottom feature banner
- Primary CTA: filled aubergine, uppercase white label
- Secondary CTA: outlined aubergine on white
product: Aubergine sidebar, white message canvas
- Canvas:
#fcfcfc - Sidebar aubergine:
#542454 - Sidebar deep:
#3c0c3c - Presence green:
bright green
Layout and components
- Three-zone: icon rail | channel list | conversation
- Message feed is protagonist
- Compact sidebar rows ~28-32px
- Rich-text composer with formatting toolbar
- Pastel illustrated welcome cards
- Honest empty search state
Independent research from ScreenRove browser captures (signed-in Free workspace + public marketing). Not an official brand guide.
Download DESIGN.md