Brand
Everything you need to represent tuffz correctly. Download the logo in your preferred format and follow a few simple rules so the brand stays consistent wherever it appears.
Logo
The tuffz mark is a single ring. Use the gradient version on light or neutral surfaces, the white version on dark or photographic backgrounds, and the solid black version when you only have one ink. Prefer the SVG wherever it is supported.
Color
Two greens carry the brand, supported by a near-black and white. The logo gradient runs from the dark green into the brighter primary.
Primary
#96BA45
oklch(0.738 0.149 124.2)
Primary Dark
#55770D
oklch(0.524 0.131 127.5)
Foreground
#0A0A0A
oklch(0.145 0 0)
Background
#FFFFFF
oklch(1 0 0)
Clearspace and sizing
Keep clear space around the logo at least equal to the thickness of the ring, and never render the ring smaller than 16 px. The more room it has, the stronger it reads.
Usage
Do
- Use the SVG whenever the medium supports it.
- Give the logo enough clear space to breathe.
- Pick the variant with the most contrast on your background.
Don't
- Recolor the logo or change the gradient.
- Stretch, squash, or distort the proportions.
- Rotate the logo or add effects like shadows or outlines.
- Crowd it with other elements or place it on a clashing background.
Usage rights
These assets are provided for referencing tuffz in articles, partnerships, and integrations. Please use them unmodified, and do not imply a partnership or endorsement that does not exist.