Brand Kit
Everything you need to represent Yaff. Please follow these guidelines to keep our brand consistent.
1 /
Logo
Use the logo version that best suits the background. Never alter the logo's proportions, colors, or spacing.
2 /
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
3 /
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
4 /
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.