Building a complete branding kit for a FiveM server
Decide the name, logo, two to four colours and one or two fonts first, then produce every asset from that kit: server icon (96×96 PNG), server list banners, loading screen, Discord icon and banner, website and social images, and in-game touches like the pause menu title and HUD accent. Keep masters in a shared folder with a one-page brand guide so staff, designers and developers stay consistent.
Most FiveM servers look like five different communities: a logo from one designer, a loading screen from a template, a Discord banner in other colours and a HUD in a fourth style. A small branding kit — one palette, one font pair, one logo in a few formats — makes every touchpoint look like the same server, and makes new assets quicker to produce.
The core of the kit
| Element | What to decide | Tip |
|---|---|---|
| Name | Short, easy to type, searchable | Check the server list and Discord for clashes |
| Logo | Full logo + compact mark | The mark must read at 96×96 — see logo design |
| Colours | One accent, one or two neutrals, a dark background | Write down hex values |
| Fonts | One display font, one text font | Check the licence allows web and video use |
| Tone | Serious, gritty, playful, luxury | Decides photos, music and copy |
The asset checklist
| Asset | Where it is used | Guide |
|---|---|---|
| Server icon | Server list, favourites | Server icon |
| Server list banners | Server detail page, connecting screen | Banners |
| Loading screen | Every join | Design tips |
| Discord icon, banner, invite splash | Community hub | Discord sizes |
| Rich presence art | Players’ Discord profiles | Rich presence |
| Website and social images | Search, TikTok, YouTube | Server website |
| Pause menu title and HUD accent | In game | Pause menu branding |
A shared asset folder
brand/
logo/ logo.svg, logo-mark.svg, logo-512.png, logo-96.png
colours.txt accent #7c5cff, bg #0b0b10, text #f5f5f7
fonts/ licences included
server-list/ icon-96.png, banner-detail.png, banner-connecting.png
loading/ background.webm, poster.jpg
discord/ icon.png, banner.png, splash.png
social/ thumbnail-template.psd, story-template.psd
brand-guide.pdfGive designers and developers read access to the whole folder. When a colour changes, update the guide first and the exports second.
A one-page brand guide
- Logo usage: minimum size, clear space, light and dark versions.
- Colour hex values and which one is the accent.
- Fonts and where each is used.
- Do and don’t examples (no stretched logos, no random gradients).
- Tone of voice for announcements and rules.
Common questions
What branding does a FiveM server need?
A name, logo, colour palette and fonts, then a server icon, server list banners, loading screen, Discord art, website/social images and in-game touches like the pause menu title.
What size is the FiveM server icon?
96×96 pixels, PNG.
How many colours should a server brand use?
One accent plus one or two neutrals and a dark background is enough for most servers.
Should I pay a designer for my server branding?
For the logo and core kit it is often worth it; with a kit in place, many other assets can be made from templates.
Server list, banners, connecting and queues, loading screens in HTML or React, music and video, NUI, branding, Discord, marketing, Tebex rules and a launch plan — everything in one page.
Want a loading screen you never have to debug?
Build it in the browser, export once, and edit it whenever — no HTML, no re-uploads.
Start free