Branding
Official Brimble logos and brand guidelines. Download what you need for articles, integrations, and community projects, and use it the way it's shown here.
Logo usage
Use the full logo wherever there's room for it. Use the icon when space is tight or the Brimble name already appears nearby.
Full logo
For website headers, presentations, articles, and partner pages. Use the dark logo on light backgrounds and the light logo on dark backgrounds.
Icon
For favicons, app tiles, avatars, and social profiles. The blue tile works on both light and dark backgrounds.
Clear space and minimum size
Keep clear space around the logo equal to half the height of the hourglass mark. Don't use the full logo narrower than 96px on screen or 20mm in print, or the icon smaller than 16px.
Colors
Brimble Blue is the brand's primary color. Use it for emphasis, not large blocks of text. Body text should meet WCAG AA contrast (4.5:1).
Brimble Blue
Primary. The icon, links, and calls to action.
- HEX
- #006FFF
- RGB
- 0, 111, 255
Ink
The full logo on light backgrounds.
- HEX
- #141414
- RGB
- 20, 20, 20
Charcoal
Body text and dark surfaces.
- HEX
- #222528
- RGB
- 34, 37, 40
Surface
Page backgrounds.
- HEX
- #F5F7F7
- RGB
- 245, 247, 247
White
Text on Brimble Blue and Charcoal.
- HEX
- #FFFFFF
- RGB
- 255, 255, 255
Typography
Three typefaces, each with one job. All are free on Google Fonts.
Lora Italic
HeadingsDeploy full-stack apps
IBM Plex Sans
Body and interface textBuild, launch, and scale apps without managing servers.
IBM Plex Mono
Code, labels, and databrimble deploy --prod
Logo don'ts
Use the logo files as they are. Don't add effects, outlines, or shadows.