Brand assets
Bruin logos in SVG and PNG, Illustrator and EPS source files, colours and typography.
Logo
Horizontal, square and symbol versions. Each file is available as SVG and PNG.
Horizontal logo
The symbol and wordmark side by side. The default version.
Square logo
The horizontal logo on a square canvas, for avatars and profile images.
Colours
The colours used in the logo files. Click a HEX value to copy it.
Bruin pink
- HEX
- RGB
- 255 85 105
The main logo, and the background of the inverted logo.
Black
- HEX
- RGB
- 0 0 0
The mono logo.
Gray
- HEX
- RGB
- 124 124 124
The gray logo.
White
- HEX
- RGB
- 255 255 255
The background of the main logo, and the inverted logo.
Typography
IBM Plex Sans, Serif and Mono. The wordmark is not set in a font; use the logo files.
Aa Bb Cc 0123
IBM Plex Sans
Headings and body text, mostly Light.
Aa Bb Cc 0123
IBM Plex Serif
Italic, for emphasis in headings.
Aa Bb Cc 0123
IBM Plex Mono
Code, commands and file names.
Usage
Leave clear space around the logo and use the files as supplied.
Do
- Use the main logo on white and light backgrounds.
- Use the inverted logo on dark or photo backgrounds; it carries its own pink background.
- Use the mono or gray logo where colour isn't available or would clash.
- Use the symbol on its own only where the full logo won't fit.
- Prefer SVG; use PNG where vectors aren't supported.
- In text, write “Bruin”, “Bruin CLI” and “Bruin Cloud”. Write “ingestr” in lowercase.
Don't
- Stretch, squash, rotate or crop the logo.
- Recolour it outside the versions on this page.
- Add shadows, outlines, gradients or other effects.
- Rebuild the wordmark in another typeface.
- Place the pink logo on busy or low-contrast backgrounds.
- Combine the logo with other marks into a new lockup.