Skip to content
PayReckon

Brand assets

Every PayReckon logo file, ready to download. SVG scales to any size without losing quality — use it wherever it is accepted. The PNGs are transparent and go up to 4096px for print and large displays.

Download everything (.zip)

Full logo

Mark and wordmark together. The default choice wherever there is room for it.

PayReckon SVG — for dark backgrounds

SVG — for dark backgrounds

Vector · scales to any size

Download
PayReckon SVG — for light backgrounds

SVG — for light backgrounds

Vector · scales to any size

Download
PayReckon PNG — dark backgrounds

PNG — dark backgrounds

4096px wide · transparent

Download
PayReckon PNG — light backgrounds

PNG — light backgrounds

4096px wide · transparent

Download
PayReckon PNG — dark, medium

PNG — dark, medium

2048px wide · transparent

Download
PayReckon PNG — light, medium

PNG — light, medium

2048px wide · transparent

Download

Icon

The mark on its own — app icons, favicons, social avatars, and anywhere the full logo would be too small to read.

PayReckon SVG — rounded

SVG — rounded

Vector · works on any background

Download
PayReckon SVG — square

SVG — square

Vector · for platforms that apply their own mask

Download
PayReckon PNG — 2048px

PNG — 2048px

Transparent corners

Download
PayReckon PNG — 1024px

PNG — 1024px

Transparent corners

Download
PayReckon PNG — 512px

PNG — 512px

App icon size

Download
PayReckon PNG — 256px

PNG — 256px

Small icon size

Download

Wordmark

Type only, for places that already carry the icon — letterheads, invoice footers, email signatures.

PayReckon SVG — dark backgrounds

SVG — dark backgrounds

Vector

Download
PayReckon SVG — light backgrounds

SVG — light backgrounds

Vector

Download
PayReckon PNG — dark backgrounds

PNG — dark backgrounds

2048px wide · transparent

Download
PayReckon PNG — light backgrounds

PNG — light backgrounds

2048px wide · transparent

Download

Colours

The blue changes with the background. The brand blue is pitched for the charcoal UI and only manages 2.2:1 on white, so anything set in blue on a light background steps down to the deep blue instead.

Blue #7FB2FF

The brand blue. Fills the logo tile, and sets type on dark backgrounds

Deep blue #2563EB

Blue type on light backgrounds, where the brand blue is too light

Charcoal #22262C

Page background

Panel #2A2F36

Cards and panels

Ink #101418

The bars inside the icon

Text #EEF1F5

Body text on charcoal

Using the logo

  • Leave clear space around the logo of at least the height of the icon.
  • Use the light version on light backgrounds and the dark version on dark ones — do not place the dark version on a busy photograph.
  • Do not stretch, recolour, rotate, or add effects to the logo.
  • Below about 24px, use the icon on its own rather than the full logo.
  • Match the blue to the background: the brand blue is built for the dark UI, and blue type on a light background uses the deep blue instead.