Brand

The HIRING UK logo

The mark is a map pin with a red arrow inside it: a place, and a way up. Work in this trade is found somewhere specific, in a town with a name, and the point of finding it is to get further than you were. The SVG files stay sharp at any size, from a favicon to a site board. The PNG files are for the places that will not take an SVG, which is most of social media.

Primary lockup. Use on white and light backgrounds. Download SVG

Reversed. For navy, photography and dark backgrounds. Download SVG

Stacked. For square spaces, stamps and social profiles. Download SVG

Mark only. App icons, avatars, favicons. Download SVG

Favicon. Simplified mark for 32px and below. Download SVG

PNG, for anywhere that will not take an SVG

Facebook, LinkedIn, WhatsApp and most printers all refuse an SVG. These are the same mark redrawn as a raster at full size rather than a screenshot of one, so it stays sharp.

Square, for a profile picture. The mark on navy with no wording, because at the size a profile picture is really shown any text in it turns to mud.

512×512 1024×1024 2048×2048 4096×4096

Mark only, transparent background.

512px 1024px 2048px 4096px

Logo and name together, transparent. Dark type for light backgrounds, white type for dark ones.

On light, 512px On light, 1024px On light, 2048px On light, 4096px

On dark, 512px On dark, 1024px On dark, 2048px On dark, 4096px

Red, white and blue, but not the flag's

Worth being exact, because this page once claimed otherwise. The palette is red, white and blue, which in a British context is read as patriotic whether or not you meant it, and we did. It is not the Union flag's own palette. The flag is Pantone 280C blue, #012169, and Pantone 186C red, #C8102E, as specified by the Flag Institute, which is the body that actually defines them. Its white has no separate specification: it is plain white. Ours are #0A2340, which is darker and greyer, and #E4002B, which is brighter and a touch warmer. Both are far enough away that an eye sees the difference side by side.

That is on purpose rather than by accident. A navy that reads well as a page background and a red that stays legible on it are different jobs from a flag, which only ever has to work next to itself. If you are matching print to this site, use the numbers below and not a flag swatch.

Colours

Navy

#0A2340 · headings, dark panels

Deep blue

#123A6B · gradients, links

Signal red

#E4002B · buttons, the arrow in the pin

Mist

#F6F8FB · page background

Using the logo

Do

Keep clear space of at least the height of the mark's corner radius on all sides. Use the reversed version on anything darker than the mist grey. Keep the mark square, never stretched.

Do not

Do not recolour the arrow, rotate the pin, add shadows or outlines, or set the wordmark in another typeface. Below 24px use the mark on its own rather than the full lockup.

Typeface: Inter, with Segoe UI, Helvetica Neue and Arial as fallbacks. Headings 800 weight, body 400.