Brand kit
The truffleroot logo, colours and type.
Everything you need to put truffleroot on a slide, a sticker or a partner page. Every logo comes as SVG for anything that scales and PNG for everything else.
Logos
Two versions, both with the blue.
The mark is a causal fork: one node above, two below. The branch that was found runs in blue, the branch that was ruled out in ink. The blue is part of the logo, so there is no black-only or white-only version. Every file is transparent: the light and dark panels below are the surface each version is for, not part of the file.
Logo
The mark and wordmark together. Use this wherever there is room.
Mark
For avatars, favicons and app icons, where space is tight.
Clear space
Give it room.
Nothing else goes inside the clear space: no text, no other logos, not the edge of the page.
xxThe rule
- x is 40% of the logo's height. Keep at least x clear on every side.
- For a logo 100px tall, that is 40px on every side.
- The mark on its own follows the same rule, using the mark's height.
Colour
Ink and ground, with one blue.
Ink and ground carry almost everything. The blue marks the branch that was found, so use it sparingly. Click a swatch to copy its hex value.
Type
Figtree and IBM Plex Mono.
Figtree sets headlines, body copy and the wordmark. IBM Plex Mono sets anything that reads like data. Both are free from Google Fonts.
Aa
Figtree
Headlines, body copy and the wordmark. In the wordmark, truffle is Regular 400 and root is Bold 700, tracked -4.5%.
Regular 400Medium 500Bold 700
Misuse
Please don't.
The logo only works as drawn. Use the files above as they are, and if none of them fits, ask before making a new one.
