Brand Kit

Everything you need to represent Yaff. Please follow these guidelines to keep our brand consistent.

Logo

Use the logo version that best suits the background. Never alter the logo's proportions, colors, or spacing.

Yaff logo

Default - Light background

Use on white or light backgrounds.

Download PNG
Yaff logo black

Black - Stone background

Use on off-white or stone backgrounds.

Download PNG
Yaff logo white

White - Dark background

Use on dark or high-contrast backgrounds.

Download PNG

Colors

These are the core colors used in the Yaff brand. Do not introduce additional colors when representing Yaff.

Yaff Green

Primary

#10B981

Yaff Blue

Accent

#2563EB

Ink

Text / Dark surfaces

#16211C

Cream

Backgrounds / Surfaces

#FAF7F2


Typography

Yaff uses Inter across all brand materials.

Heading Black 900
Subheading Bold 700
Label Semibold 600
Body copy - used for paragraphs and descriptions. Regular 400

Usage Guidelines

Follow these rules when using Yaff's brand assets in any context - press, partnerships, integrations, or co-marketing.

Do

  • Use the logo on backgrounds that provide clear contrast.
  • Maintain clear space around the logo on all sides.
  • Use the white logo on dark backgrounds and the blue or black logo on light backgrounds.
  • Refer to us as "Yaff" - capitalised, no additional descriptors.
  • Use only the official logo files provided on this page.

Don't

  • Don't stretch, skew, rotate, or distort the logo.
  • Don't change the logo colors or apply effects, shadows, or outlines.
  • Don't place the logo on busy backgrounds that reduce legibility.
  • Don't recreate or redraw the logo - always use the official files.
  • Don't use Yaff's brand assets to imply endorsement without written approval.

Need something not covered here?

Reach out for press assets, co-marketing requests, or anything else.

Contact us