Brand Assets

Download our logos and learn about our brand guidelines. Use these assets to feature OutreachAgent in your projects, blog posts, or presentations.

Logos

Light Logo

Use on light backgrounds

Download PNG

Dark Logo

Use on dark backgrounds

Download PNG

Brand Colors

Our color palette uses CSS variables that adapt to light and dark modes automatically.

Primary

hsl(var(--primary))

Main brand color

Secondary

hsl(var(--secondary))

Secondary accent

Accent

hsl(var(--accent))

Accent highlights

Background

hsl(var(--background))

Light mode background

Foreground

hsl(var(--foreground))

Text color

Muted

hsl(var(--muted))

Subtle backgrounds

Border

hsl(var(--border))

Border color

Brand Guidelines

Logo Usage

Use the light logo on light backgrounds and dark logo on dark backgrounds
Maintain adequate clear space around the logo
Do not alter, rotate, or modify the logo in any way
Do not use the logo in a way that implies endorsement without permission

Typography

Our primary font is the system font stack for optimal performance and readability. Use font weights 400 (regular), 500 (medium), 600 (semibold), and 700 (bold).

Brand Name

Always write our name as "OutreachAgent". Maintain consistent capitalization and spacing.

Public Logo URLs

Use these URLs to reference our logos from external websites:

https://outreachagent.vip/logo/light.png

https://outreachagent.vip/logo/dark.png

Need Help?

If you have questions about using our brand assets, please contact us.