Brand assets

Use the right logo. Every time.

Download the correct Companion logo and see how to use it. Grab a file for any deck, document or partner site. Please don’t reuse old or edited versions.

Logos

Download the logo

Four forms, three colours each. Match the colour to the background. Blue on light, white on dark, black for one-colour print.

Primary lockup

The default. Icon plus companion.energy. Use it wherever there is room.

BlueSVG
WhiteSVG
BlackSVG

Compact lockup

Icon plus companion. Use it when the full lockup is too wide.

BlueSVG
WhiteSVG
BlackSVG

Stacked lockup

Icon beside a two-line wordmark. Use it in square or vertical spaces.

BlueSVG
WhiteSVG
BlackSVG

Icon

The lightning mark on its own. Use it only where the brand is already clear, like app icons and favicons.

BlueSVG
WhiteSVG
BlackSVG
Placement

Give it room, keep it sharp

Clear space

Leave space around the logo at least as tall as the lightning icon. Don’t crowd it.

Minimum size

Keep the full lockup about 120px or 32mm wide, or larger. Below that, use the compact lockup or the icon.

Backgrounds

Blue on light surfaces. White on navy, blue or photos. Black only for one-colour print.

File format

Use SVG. Use PNG where SVG is not supported. Never screenshot or upscale a small copy.

Colour

Brand colours

Electric blue leads. Neutrals support, roughly 60 / 30 / 10.

Electric blue#5D5FEFSignature primary. Logo, accents, links.
Deep navy#201F45Headings and dark backgrounds.
Near-black#1A1A25Premium dark backgrounds.
Light purple#CF97FFSecondary accent. Use it sparingly.
Light grey#EFEFEFNeutral surface.
White#FFFFFFContent backgrounds.
Typography

Typefaces

Part of the brand. If they are not installed, use the fallback. Never Arial, Calibri or Times.

Aspekta

Primary

Modern, clean, a little technical. Nearly all copy. 400 for titles, 200 for body.

Fallback: Inter
TG Frekuent

Secondary, mono

Small, structural use. Labels, metadata and data. Reads like precise terminal output.

Fallback: JetBrains Mono
Usage

Do & don’t

Do
Use an approved colour for the background
Keep clear space around the logo
Blue on light, white on dark
Use SVG, or a high-res PNG
Don’t
Don’t stretch or squash
Don’t recolour
Don’t rotate
Don’t add shadows or effects
Questions

Need another format, or not sure which version to use? Ask the Companion team. Always pull the logo from this page instead of reusing an old file.