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.

Default - Light background

Use on white or light backgrounds.

Black - Stone background

Use on off-white or stone backgrounds.

White - Dark background

Use on dark or high-contrast backgrounds.

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

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

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

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

Need something not covered here?

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