Resources
Every file the brand uses, from the same sources as this site. Logos are the approved versions from Catalyst Brand; colors come straight from the Design System.
Logos
The wordmark and the mark, the approved versions from Catalyst Brand, in the two brand colors.
8 files
Colors
Every brand primitive in OKLCH and hex, with the semantic tokens for light and dark.
1 file
- Teal black#03171C
- Teal deep#020C10
- Teal elevated#0A1A1F
- Air white#F7F8F4
- Grey 025#EAEAEA
- Grey 050#E4E4E0
- Grey 100#DBDBDB
- Grey 200#B2B2B2
- Grey 250#A3A3A3
- Grey 300#858585
- Grey 400#5C5C5C
- Grey 500#2D2D2D
Accent
One hue for selected states and small indicators, the --accent-brand token on the Color page. Primary teal is reserved in the Design System and not in use yet.
- Accent, light theme#007283
- Accent, dark theme#13A5B2
- Primary teal, reserved#457D87
Fonts
Inter for everything. Fraunces for romantic content only. Both are free on Google Fonts.
2 typefaces
Icons
Line icons on a 24 pixel grid, drawn with rounded caps and joins. They take the color of the text around them.
12 files
Press kit
Logos, colors, icons, font links and the company boilerplate in one archive.
1 file
What's new
- Every download now shows its file size, and the main files say what they are for.
- The home page links straight to the logo files, colors, fonts, icons, social templates and press kit.
- On Resources, pick several files and download them as one ZIP.
- Search the whole site from the search button, or press the / key.
- This What's new list and answers to frequently asked questions are now on Resources.
- A link in the footer takes the IM Digital team to Catalyst for templates and approved files.
- The brand site has a new structure in four parts: Story, Foundations, In use and Resources.
- The brand voice guide moved to version 8.9.
- The brand formats moved to version 8.3 and the brand examples to version 8.1. Both feed the format playbooks in In use.
Frequently asked questions
- Where do I get the IM Digital logo?
- On the Logo page and in Resources. Each logo comes as SVG and PNG, in a version for light backgrounds and one for dark backgrounds.
- Should I use the wordmark or the mark?
- Use the wordmark wherever people need to know who we are. Use the mark where space is tight, such as avatars, app icons and favicons.
- Can I change the color of the logo?
- No. The logo is teal black on light backgrounds and air white on dark ones. No other colors.
- How small can the logo be?
- Never smaller than 80 px wide on screen or 25 mm wide in print.
- How much space does the logo need around it?
- Leave clear space on every side equal to the height of the first i in the wordmark, dot included.
- Can our logo sit next to a partner or client logo?
- Yes, as long as the two never combine. Put a clear symbol between them and keep full clear space around each. The other company's own brand rules apply to its logo.
- How do I write the company name?
- IM Digital, with both letters capitalized. Say it as "I-M Digital." The letters do not stand for anything, so never write "I.M. Digital."
- Which fonts do we use?
- Inter for every piece of text. Fraunces only for quotes and the founder line. Both are free from Google Fonts.
- Where are our colors?
- On the Color page. Designers and developers can download the color tokens as JSON in Resources.
- Where are templates and decks?
- Templates, decks and approved working files are for the IM Digital team and live in Catalyst, our internal workspace.
- I am writing about IM Digital for press or an event. What should I use?
- Download the press kit from Resources. For anything it does not cover, email info@imdigital.com.
Social
Templates for a LinkedIn post, a square post, a portrait post and a carousel slide, drawn from the Design System.
4 files