Branding & Logo

Add your server logo and customize your brand identity.

Server Logo

Display your server logo in the hero section and footer instead of plain text.

Setup

Create or export your logo as a PNG or SVG file
Recommended size: 280x80 pixels (or similar aspect ratio)
Use transparent background for best results
Place the file in the /public folder

src/config/site.config.ts

server: {
  name: 'MyServer',
  // ... other settings
  
  // Server logo (place in /public folder)
  logo: '/logo.png',
  // Set to true to display logo, false for text
  showLogo: true,
}

Option	Type	Description
logo	string	Path to logo file in /public folder
showLogo	boolean	true = show logo, false = show text name

○Fallback

If showLogo is false or the logo path is empty, your server name will be displayed as text instead.

Logo Guidelines

Use a horizontal logo for best fit
PNG with transparency works best on dark backgrounds
SVG format scales perfectly at any size
Keep file size under 100KB for fast loading
Test on both desktop and mobile views

Recommended Dimensions

Location	Display Size	Recommended File Size
Hero Section	64-96px height	280x80 or larger
Footer	40px height	160x48 or larger

Text-Only Mode

If you prefer text over a logo image:

server: {
  name: 'MyServer',
  logo: '',         // Empty string
  showLogo: false,  // Disable logo
}