Slack media kit
Public media kit with logo files and usage guidance. Tip: notice the do/don’t examples; they are the fastest way to explain logo misuse.
Summary
Public media kit with logo files and usage guidance. Tip: notice the do/don’t examples; they are the fastest way to explain logo misuse.
What it is
A company’s public brand page: how its logo, color and type may be used.
Who it’s for
Designers learning how mature brands document identity, and anyone who must use that brand’s assets correctly.
Key takeaways
- Captured the Slack media kit: a centered headline on white with deep aubergine (#4A154B-like, ESTIMATED) download cards below.
- Color: bold color accent theme; dominant colors #FFFFFF, #4A154B, #9E98A2 (ESTIMATED from our capture).
- Layout: centered hero pattern, brand-forward, friendly mood.
Best practices to borrow
- Let one strong brand color own key surfaces.
- Center one headline, one sentence and at most two actions; let the next section carry detail.
- Respect clear-space, minimum size and color rules when you use this brand’s assets.
Palette preview
Link-only entry: no third-party images are reproduced; the hero above is our own palette render. Open the source for visuals.
Dominant palette from our captures
Measured by us from our screenshot(s) of https://slack.com/media-kit (median-cut quantization; share = % of pixels). Approximate and not official.
Layout pattern: Centered hero
Observed by us on the captured page(s). See all entries by layout.
How to apply it: Center one headline, one sentence and at most two actions; let the next section carry detail.
Other entries with this layout: Lucide Icons, Iconify, LogoLounge, Vercel, Raycast, Arc, Framer, Apple, Multiavatar, unDraw, Notion onboarding flow.
Our analysis
Captured the Slack media kit: a centered headline on white with deep aubergine (#4A154B-like, ESTIMATED) download cards below.
Similar to this
Ranked by shared color theme, layout, category, type and mood tags.
DESIGN.md for AI coding agents
Copy this into your repo or agent context. OFFICIAL and ESTIMATED values are labelled.
# DESIGN.md · Slack media kit (LG-006) > Written for AI coding agents. Values marked **OFFICIAL** come from the documented source named below; values marked **ESTIMATED** were measured by us from our own screenshots and are approximate. Never treat ESTIMATED values as official brand tokens. ## Overview - Type: Brand Guidelines · Category: H. Logos and Brand Identity - Platforms: Web - Color theme: Bold color accent · Layout pattern: Centered hero · Mood: Brand-forward, friendly - License / terms: Slack trademarks; follow the media-kit terms; link only Public media kit with logo files and usage guidance. Tip: notice the do/don’t examples; they are the fastest way to explain logo misuse. ### Analysis (ours) Captured the Slack media kit: a centered headline on white with deep aubergine (#4A154B-like, ESTIMATED) download cards below. ## Color tokens No official color tokens documented for this entry. ESTIMATED · dominant colors measured from our screenshot(s) of the source site (median-cut quantization; share = % of pixels). Approximate, not official: - `#FFFFFF` ~78% - `#4A154B` ~7% - `#9E98A2` ~4% - `#E2E2E5` ~3% - `#6C2174` ~1% ## Typography No official type scale documented for this entry; use the product’s own typography guidance. ## Spacing, radii, shadows Not documented for this entry. Do not invent values; derive from your own design system. ## Components No component inventory documented for this entry. ## Layout rules - Observed layout pattern: **Centered hero** (from our captures). ## Do’s and don’ts - Do: Let one strong brand color dominate key surfaces. - Don’t: Don’t dilute it with competing accent colors. - Do: follow the source’s license/terms listed above. - Don’t: present ESTIMATED colors as official tokens. ## Sources - https://slack.com/media-kit - Library entry: https://design-library-byt.pages.dev/entry/LG-006