Meet our brand
About SlackBrand valuesSlack name
Foundations
LogoBrand architectureCobrandingColorsTypographyWritingBrand shapesEmoji
Expression
IllustrationPhotographyMotionVideoSoundIconsUI
Experiences
Slack-led eventsSlack at Salesforce eventsCMSEmailSpacesuit
ResourcesResources
About Slack
Our companyBoilerplate copy
Logo
The Slack logoMarkClearspaceUnusual sizesBackgroundsUsage
Brand architecture
SalesforcePartnershipPrimarySecondaryUsage
Color
Core paletteSecondary paletteSpecial use palettesApplications
Typography
Type stackProduct fontSystem fallbacksLocalized languagesStyling typeApplications
Writing
Voice and toneCopy principlesLanguageStylizationUsage
login
AccountSign in
AccountSign out
AccountSign in
AccountSign out
Visit slack.com
THE BRAND
Meet our brand
About Slack
Our companyBoilerplate copy
Brand values
Values
Foundations
Logo
The Slack logoMarkClearspaceUnusual sizesBackgroundsUsage
Brand architecture
SalesforcePartnershipPrimarySecondaryUsage
Cobranding
IntroductionCobranding considerationsLogo usageRetired logosSlack branding elementsSalesforce branding elements
Colors
Core paletteSecondary paletteSpecial use palettesApplications
Typography
Type stackProduct fontSystem fallbacksLocalized languagesStyling typeApplications
Writing
Voice and toneCopy principlesLanguageStylizationUsage
Brand shapes
Types of brand shapesApplicationsDesign considerationsMotionTypes of brand shapes
Emoji
Emoji basicsDesign considerationsUsage
Expression
Illustration
Style principlesPurposeColor paletteObjectsPeopleSlack logoSlack blog illustrationsIllustration library
Photography
Photography styles
Motion
Slack motion design valuesAnimation principlesSlack logoBrand shapesBumpersTransitionsText animation2D animation3D design and animationProduct UICharacter animationStop-motion animationSoundUsage
Icons
Icon basicsDesign considerationsIcon stylesUsage
UI
Designing for UI screensHigh fidelitySimplifiedAbstractedWriting for UIUsage
Experiences
Events (Slack-led)
IntroductionLogo usageDesignExperiencesField eventsStrategic eventsSlack at Salesforce eventsUsage
Events (Salesforce-led)
IntroductionDesignUsage

Typography

These characters give your characters more character, from the quick brown fox to the lazy dog it's always jumping over.
download Fonts
download Fonts

Highlights

  • Larsseit is our hero (and headline) font; we use Slack Circular for most everything else
  • We love localization, and have the guidelines and international fonts to prove it
  • Before you type, kindly consider our casing and punctuation best practices

Type stack

Our brand fonts are Larsseit and Slack Circular. The following tables outline how best to use them. For specific web typography guidelines, see Spacesuit.
Our brand fonts are Larsseit and Slack Circular. The following tables outline how best to use them. For specific web typography guidelines, see Spacesuit.

Headlines

Use Larsseit for headlines. For headings on embedded or printed collateral, always typeset it with optical kerning and use sentence case. Do not set in all caps or all lowercase.
Download Larsseit
Download Larsseit
Download Larsseit
H1

36/41

Slack is your digital HQ

Larsseit Bold
Line spacing: 125%
H2

24/30

Simpler, more pleasant
and more productive

Larsseit Bold
Line spacing: 125%
H3

18/22.5

It’s flexible. It’s inclusive. It’s connected.

Larsseit Bold
Line spacing: 125%
H4

12/15

Slack is software that people actually enjoy using.

Larsseit Bold
Line spacing: 125%

Content

Use Slack Circular for most other text, including paragraphs. For embedded or printed collateral, always typeset it with optical kerning. Default to sentence case—title case is okay for proper nouns and attributions. Reserve all-caps treatment for eyebrows and buttons, and never set type in all lowercase. Note, we do use Larsseit for pull quotes. Hey, sometimes you have to break the rules.
Download Slack Circular
Download Slack Circular
Download Slack Circular
Body copy

10/14

Why should organizations use Slack? Excellent question. Slack is a new way for your entire company to communicate. It replaces email with something faster, better organized and more secure. Instead of one-off email chains, all your communication is organized into channels that are easy to create, join and search.

Slack Circular
Line spacing: 140%
Eyebrow

10/12.5

SLACK FOR ALL

Slack Circular
Line spacing: 125%
Pull quote

18/22.5

“We believe that the advantages are so great that a shift to working on Slack, or something like it, is inevitable.”

Larsseit Thin Italic
Line spacing: 140%
Attribution

10/12.5

Marcel Gherkins
Slack Spokesperson

Slack Circular Bold, Slack Circular Regular
Line spacing: 125%

Product font

We use Lato in our product and when creating product UIs for demos and marketing, with the exception of the localized languages noted below.
We use in our product and when creating product UIs for demos and marketing, with the exception of the localized languages noted below.

System fallbacks

When our brand fonts are not supported, default to these fonts.

Presentations

  • Use Inter for Google Slides presentations
  • If converting Google Slides to a Keynote or PowerPoint presentation, use Larsseit throughout for headlines and body text
  • If the presentation originates in Keynote or PowerPoint, follow regular brand font guidelines

Email

  • Use Helvetica Neue for email

Localized languages

To accommodate for differences in character size, word length and grammar, some of our languages use different Slack brand fonts. Regardless of font, please apply the same line spacing as advised above.

Japanese

Use Tazugane as the brand font and Noto Sans for product UIs. Set font size 15% smaller than English.
Use 24 Tazugane as the brand font and 24Noto Sans for product UIs. Set font size 15% smaller than English.
Use Tazugane as the brand font and Noto Sans for product UIs. Set font size 15% smaller than English.

Russian

Use the Cyrillic version of Circular as the brand font. Set font size about 10% smaller than English.
Use the 24 Cyrillic version of Circular as the brand font. Set font size about 10% smaller than English.
Use the Cyrillic version of Circular as the brand font. Set font size about 10% smaller than English.

Korean, Simplified Chinese, Traditional Chinese

Use Noto Sans as the brand font.
Use 24 Noto Sans as the brand font.
Sign in for access
Use Noto Sans as the brand font.

French, Italian, German, Spanish and Portuguese

Use our brand fonts. Set font size 10% smaller than English to allow for 20–30% more characters.

Styling type

Capitalization and punctuation can be just as critical to copy as typography. The following offers an overview of our editorial style. For more details, see our writing guidelines.

Casing

Always default to sentence case for copy; use title case only for attributions and proper nouns. Reserve all-caps treatment for eyebrows and buttons, and never set type in all lowercase.

Punctuation

We use standard punctuation in body copy. Don’t use punctuation in headlines, eyebrows, links or buttons, unless it is necessary for comprehension. A few other considerations:
  • Don’t use ampersands (&) or plus signs (+) in place of "and"
  • Don’t use the Oxford/serial comma
  • Use en dashes (–), not hyphens, for a span or range of numbers, dates or times
  • Don’t use spaces around em dashes
  • Set end punctuation inside closing quotation marks

Usage

Simplicity is best. Be mindful of the hierarchy between type style, size, weight and color. Enough variation provides a pleasant contrast. Too much becomes a distraction.
image-tuneimage-slack-digital
Don’t apply effects to type
Don’t choose low-contrast text and background color combinations
REQUESTS OR QUESTIONS?
Let us know how we can help:
slack-brand-center-help
brand@slack-corp.com
Meet our brand
About SlackBrand valuesSlack name
Foundations
LogoBrand architectureCobrandingColorsTypographyWritingBrand shapesEmoji
Expression
IllustrationPhotographyMotionVideoSoundIconsUI
Experiences
Slack-led eventsSlack at Salesforce eventsCMSEmailSpacesuit
©2021 Slack Technologies, LLC, a Salesforce company.
All rights reserved.
Privacy PolicyGovernance