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.

Ring (Color)

Ring (Color)

The primary mark with the green gradient. Use it whenever possible.

Ring (Black)

Ring (Black)

Single-color mark for monochrome or print contexts.

Ring (White)

Ring (White)

For dark or busy backgrounds where the gradient lacks contrast.

Lockup (Color)

Lockup (Color)

Ring and wordmark side by side, with the green gradient.

Lockup (Black)

Lockup (Black)

Single-color lockup for monochrome or print contexts.

Lockup (White)

Lockup (White)

Lockup for dark or busy backgrounds.

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.