Slack

Difficulty:
Company
slack

Effect Preview

Style Description

Workplace messaging. Aubergine primary, multicolor logo palette

Tags

SlackSaaS

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

Web App
Build a web app with Slack design language and #4A154B color system.

Slack Dashboard

Dashboard
Create a dashboard using Slack style with data visualization and modern typography.

✅ Best For

  • SaaS
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines