The mark

Three palettes, one mark.

The QGF logotype is provided in three palette-locked variants. Choose the variant that gives the highest contrast against the surface it sits on. The mark must never be reconstructed or re-coloured outside of these three SVG files.

QGF logotype, deep navy wordmark with orange-to-pink gradient mark
Primary - Navy Download SVG
QGF logotype, muted neutral wordmark for soft surfaces
Neutral - Muted Download SVG
QGF logotype, white wordmark with orange-to-pink gradient mark on dark surface
Reverse - White Download SVG
Colour palette

A confident, signalling palette.

The QGF palette is anchored on a single, deep navy. The orange-to-pink gradient drawn from the mark itself provides the system's accent and is reserved for moments that need to lead the eye - calls to action, key statistics, the QGF mark.

Navy
QGF Navy #080A45
Primary. Backgrounds, headings.
Orange
QGF Orange #FF7E03
Accent. Primary CTA, eyebrows.
Pink
QGF Pink #FF037A
Accent. Hover states, gradient endpoint.
Gradient
QGF Gradient #FF7E03 → #FF037A
Headline highlights, key numbers.
Muted
QGF Muted #6B6D8E
Secondary text, labels.
Surface
Surface #F4F5F7
Section backgrounds, neutral fields.
Line
Line #E6E7EC
Borders, dividers.
White
White #FFFFFF
Default surface, reverse text.
Typography

Two typefaces, clearly assigned.

Headings are set in Arsenal, a humanist serif-influenced sans with a strong editorial voice. Body copy is set in Montserrat for clarity at small sizes and consistent rendering across browsers. Both are open-source and self-hosted on this site - no external font CDN, fast and reliable everywhere including mainland China.

Aa Bb Gg
Arsenal - Headings
Weights
400 Regular, 700 Bold
Use for
H1 - H4, key statistics, hero copy
Tracking
-0.01em
Source
Self-hosted woff2 (originally from Google Fonts - Arsenal)
Aa Bb Gg
Montserrat - Body
Weights
400, 500, 600, 700 (variable font)
Use for
Paragraph, UI, navigation, buttons
Line-height
1.55 - 1.65
Source
Self-hosted woff2 (originally from Google Fonts - Montserrat)
Logo usage

Do and don't.

A few simple rules that keep the QGF mark readable, consistent and recognisable across every surface it appears on.

Do

Preserve clear space

Always leave clear space equal to the height of the "Q" on every side of the mark.

Do

Use the correct variant

Pick the variant with the highest contrast against the background. Navy on light. White on navy.

Don't

Don't re-colour the mark

Never re-tint, re-gradient or substitute the QGF mark's colours. Use the supplied SVGs only.

Don't

Don't distort

Never stretch, skew, rotate, outline or add drop-shadows to the QGF mark.

Ready to put the brand to work?

Download the mark, head back to the programme page, or get in touch with the QGF office for partnership-specific guidance.

Back to the Challenge Contact the programme office