Brand assets

Brand

The GEO Knowledge Hub logos and colours, ready to use in presentations, papers and websites. Please keep the proportions and leave some clear space around the logo, and do not recolour or redraw it.

Logos

Symbol

Steel blue

The default. Use it on white and other light backgrounds.

SVG PNG 512 × 512

Symbol

White

For dark backgrounds, photographs and coloured panels.

SVG PNG 512 × 512

Logo with name

Steel blue

Use this wherever the name has to be readable, such as slides and reports.

SVG PNG 1024 × 339

Logo with name

White

The same lockup, for dark backgrounds.

SVG PNG 1024 × 339

Brand colours

The logo is drawn in a single colour. Click any swatch to copy its hex value.

Copy

Steel Blue

#526479 --color-accent-500

The colour the logo is drawn in.

Copy

White

#ffffff --color-white

The reversed logo, for dark backgrounds.

Accent scale

Eleven steps derived from the brand blue. Accent 500 is the logo colour, and Accent 600 is what this documentation renders with.

Copy

Accent 50

#f4f6f8 --color-accent-50

Copy

Accent 100

#e8ecf0 --color-accent-100

Copy

Accent 200

#c9d1da --color-accent-200

Copy

Accent 300

#a7b3c1 --color-accent-300

Copy

Accent 400

#7e8fa2 --color-accent-400

Copy

Accent 500

#526479 --color-accent-500

Copy

Accent 600

#465669 --color-accent-600

Copy

Accent 700

#3d4d5f --color-accent-700

Copy

Accent 800

#2e3a48 --color-accent-800

Copy

Accent 900

#1f2731 --color-accent-900

Copy

Accent 950

#141a21 --color-accent-950

Need something else?

Find the sources on GitHub