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;
}