Skip to content
MilitaryRP

Branding

Logos, colours, type and the rules behind the MilitaryRP look. Use these when you make videos, thumbnails, posters, server banners or anything else for the community.

Download everythingZIP, 2.4 MB

Downloads

Every file is high resolution. The SVGs are vectors with the lettering converted to shapes, so they work without the font installed.

Using the logo

The logo is the double chevron followed by MILITARYRP in Roboto Condensed. Keep it white on dark backgrounds and black on light ones.

Clear space

MilitaryRP
MilitaryRP

Leave at least half the chevron's height clear on every side. Nothing else should sit inside the dashed line.

Minimum size

The full logo should be at least 120px wide on screen (30mm in print). Below that, use the icon on its own, down to 16px.

The icon

The double chevron works alone as an avatar, favicon or watermark. Use it when there isn't room for the full logo.

Do and don't

  • DoUse the white logo on dark images and the black one on light ones.
  • DoUse the glowing versions on dark footage, thumbnails and banners.
  • DoScale it evenly and keep its clear space.
  • Don'tRecolour it. It only comes in white or black.
  • Don'tStretch, rotate, skew or crop it.
  • Don'tAdd outlines, drop shadows, gradients or bevels.
  • Don'tRewrite the name in another font or change its spacing.
  • Don'tPut the white logo on a light or busy background.

Colour

Mostly white on dark, with colour kept for meaning. Click a value to copy it.

Surfaces

  • ScenePage background#12161b--color-scene
  • PanelSee-through panels, blurredrgb(0 0 0 / 0.37)--color-panel
  • Panel solidMenus and image backdrops#0f1215--color-panel-solid
  • GhostGrid lines and empty tracksrgb(255 255 255 / 0.05)--color-ghost

Foreground

  • ForegroundText, logo and lit controls#ffffff--color-fg
  • MutedSecondary textrgb(200 200 200)--color-fg-muted
  • FaintLabels and captionsrgb(200 200 200 / 0.7)--color-fg-faint
  • Hairline1px lines and ticksrgb(255 255 255 / 0.25)--color-hairline

Status

  • GoodSuccess, health, online#48ff48--color-good
  • WarningWarnings and holds#ffa248--color-warn
  • DangerErrors and bans#ff4030--color-danger
  • InfoLinks and focus#5ca3ff--color-info

Ranks

  • AdministratorAdministrator chip#ff4030--color-rank-administrator
  • GamemasterGamemaster chip#48ff48--color-rank-gamemaster
  • Trial GamemasterTrial Gamemaster chip#a8ffa8--color-rank-trial-gamemaster
  • ModeratorModerator chip#20a4ff--color-rank-moderator
  • Trial ModeratorTrial Moderator chip#8cc4ff--color-rank-trial-moderator
  • V.I.PV.I.P chip#ffba5c--color-rank-vip

Type

Both fonts are free from Google Fonts. Keep weights light and never use bold headings.

Roboto Light, headings and text

Military roleplay

Used for titles, body text and numbers. Weight 300 for display sizes, regular for reading.

Roboto Condensed, labels

Server status

Used in uppercase with 0.04em spacing for short labels, buttons, navigation and the wordmark. Never for sentences.

Readouts

Players online
42/ 64

Large, light, fixed-width numbers with faint ghost digits behind them, like the HUD.

Ranks

Staff show their rank, plus a separate V.I.P chip if they have it. A User with V.I.P shows only the V.I.P chip.

AdministratorGamemasterModeratorTrial GamemasterTrial ModeratorUserV.I.P

Many of these design choices are heavily inspired by D/GL4: Customizable Holographic HUD (opens in a new tab), the Garry's Mod HUD addon we run on the server.