Brand Assets

Brand Kit

Official colors, logos, and guidelines for using YSF Utils branding in your server, website, or promotional materials.

Brand Colors

Primary Blue

#5865F2

Success Green

#57F287

Warning Yellow

#FEE75C

Danger Red

#ED4245

Accent Pink

#EB459E

Background

#0B0F19

Surface

#111827

Text

#E2E8F0

Logo & Wordmark

YSF

Full Mark

For main branding

Y

Icon Mark

For small spaces

YSF

Light Variant

For dark backgrounds

Typography

Primary — Inter

Aa Bb Cc

The quick brown fox

jumps over the lazy dog.

Regular (400)Medium (500)Bold (700)Black (900)

Monospace — JetBrains Mono

0123456789

const bot = new YSFUtils()

// Used for code, stats, IDs

CommandsOrder IDsStats

Usage Guidelines

Do

  • ✓ Use official brand colors for embeds
  • ✓ Reference "YSF Utils" as the full name
  • ✓ Include proper spacing around the logo
  • ✓ Credit YSF Utils when using assets
  • ✓ Use on dark backgrounds for best contrast

Don't

  • ✗ Alter the logo colors or proportions
  • ✗ Use the brand to imply endorsement
  • ✗ Place logo on busy or clashing backgrounds
  • ✗ Create derivative logos or icons
  • ✗ Use for competing or unrelated products

CSS Variables

:root {
  --ysf-primary: #5865F2;
  --ysf-success: #57F287;
  --ysf-warning: #FEE75C;
  --ysf-danger: #ED4245;
  --ysf-accent: #EB459E;
  --ysf-bg: #0B0F19;
  --ysf-surface: #111827;
  --ysf-text: #E2E8F0;
}