Skip to main content

Brand kit

Logos, colours and type - the official set.

Everything you need to represent Recruit Wizard consistently - whether you're putting us in a slide, on a billboard or in your favourite onboarding email.

Logos

Download packs.

Every official logo, in every format. If the format you need isn't here, get in touch.

Colour

The official palette.

Seven brand colours that work together - navy at the centre, the navy-to-violet gradient for impact moments, aquamarine as the cool counterpoint.

  • Navy
    HEX
    #000872
    RGB
    0 8 114
    CMYK
    100 98 19 24

    Primary brand colour

  • Charcoal
    HEX
    #0A0519
    RGB
    10 5 25
    CMYK
    80 76 58 79

    Body text, deepest dark surface

  • Dark Purple
    HEX
    #3A029B
    RGB
    58 2 155
    CMYK
    92 100 0 1

    Brand gradient stop

  • Purple
    HEX
    #5E21D0
    RGB
    94 33 208
    CMYK
    76 84 0 0

    AI accents, brand gradient stop

  • Violet
    HEX
    #AF2EED
    RGB
    175 46 237
    CMYK
    52 80 0 0

    Highlights, glow effects (display only)

  • Aquamarine
    HEX
    #6DD3CE
    RGB
    109 211 206
    CMYK
    52 0 24 0

    Cool accent, status pills, dark focus

  • White
    HEX
    #FFFFFF
    RGB
    255 255 255
    CMYK
    0 0 0 0

    Surface

Brand gradient

Navy → Dark Purple → Purple → Violet (135°)

Typography

Plus Jakarta Sans & Noto Sans.

Display headlines and branded UI moments are set in Plus Jakarta Sans for a polished, product-led feel. Body text and dense UI use Noto Sans for legibility at every size and language.

Aa

Display

Plus Jakarta Sans

Headlines, buttons, badges and large numerics. Use the variable font for polished brand moments.

Download font

Aa

Body / UI

Noto Sans

All body copy, navigation and forms. Use the variable font for best fidelity at any size.

Download font

Voice & usage

A few do's and don'ts.

Do

  • Use the brand gradient sparingly - heroes, big CTAs and one or two moments per page.
  • Keep navy as the primary fill for buttons, headlines and dark surfaces.
  • Use aquamarine for highlights, status pills and focus rings on dark surfaces.
  • Give the logo at least its own height as clear space on all sides.

Don't

  • Use violet for body copy - it's reserved for display-size highlights only.
  • Recolour the gradient or invert its stop order.
  • Stretch, rotate or apply effects to the logo.
  • Use pure black on white - use charcoal (#0a0519) instead.

Need something else?

If the asset you need isn't here, just ask.

Contact us