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 |
All exact sizes: [FiveM image sizes](/guides/fivem-image-sizes-assets-guide).
#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. If you want the whole set drawn at once rather than piece by piece, FAM Tools cuts every format from one design.
#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.
Questions
What branding does a FiveM server need?
What size is the FiveM server icon?
How many colours should a server brand use?
Should I pay a designer for my server branding?
Ready to pick a map?
Twelve themes on three base map styles, $8 each, instant download.
Relevant to what you just read
The tool for this
A drag-and-drop loading screen, hosted for you From Free, built in the browser, exported as a drop-in resource.
Look it up while you work
The reference tables this guide leans on, free and without an account.
- The 100 blip colour indexesEvery index SetBlipColour accepts, with the hex value the radar actually draws.