Slack is the AI work platform for managing projects, automating workflows, and connecting teams securely. Its UI is light-first (#FFFFFF, #F8F8F8) with the unmistakable deep aubergine sidebar (#4A154B) as the brand's strongest move, the four logo colors (blue, green, yellow, red) appearing only as sparse highlights, Larsseit for marketing headlines, system sans for app UI, and 4–8px radii that stay rounded but never cartoonish.
SaaSMinimal
Prompt Template
Base Template
Design a Slack-inspired interface. - Light-first content surfaces: white #FFFFFF and near-white #F8F8F8; - Deep aubergine #4A154B sidebar — the brand's most recognizable UI element; - Four logo accent colors (blue, green, yellow, red) used sparingly as highlights only; - Larsseit for headings (marketing), system sans-serif for UI; - Rounded but not cartoonish: 4–8px radius on most components. Colors: #4A154B, #350d36, #611f69, #36C5F0 with #4A154B accent.
Variant Prompts
📱 Mobile
Design a mobile app with Slack aesthetics. Use Slack color identity with #4A154B accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Slack style. Use Slack color identity with #4A154B accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Slack design language. Use Slack color identity with #4A154B accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Slack visual identity. Use Slack color identity with #4A154B accents. Compelling, conversion-focused.
Usage Examples
Slack App
WebBuild a web app with Slack design language and #4A154B color system.
Slack Dashboard
DashboardCreate a dashboard using Slack style with data visualization and modern typography.
✅ Best For
- SaaS
- Team communication and collaboration products
- Workplace social interfaces
❌ Avoid For
- Solemn financial trading systems
- Minimal black artist sites
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.