Logo colour variations

GoCardless Primary Logo — Cool Grey 100 Monochrome Black
GoCardless Primary Logo — Cool Grey 900 Monochrome White
GoCardless Primary Logo — Blue Gradient Yellow

There are 3 colour variants of our primary logo, with the Monochrome Black and Monochrome White being the most widely used. Yellow is generally reserved for where we show our logo as a singular hero asset.

Logo on Colour

The GoCardless wordmark adapts automatically to maintain visibility across any background colour. Use this tool to explore how the logo behaves — it switches intelligently between the black, white, and brand-coloured variants based on contrast.

GoCardless GoCardless GoCardless
Presets
#
HSB
H 210°
S 1%
B 98%

Symbol

GoCardless symbol in use

Think of the symbol as a shorthand, more informal version of the main GoCardless logo. It is used on social media platforms, or where the horizontal nature of our logo becomes problematic. The symbol has a subtle gradient within it and a subtle inner stroke to achieve enough contrast against lighter backgrounds.

Symbol — Roundel or Tile

GoCardless symbol — roundel Roundel
GoCardless symbol — tile Tile

The symbol is available as a roundel and a tile — we default to the roundel on all platforms. The tile is made available for platforms that stipulate a square shaped avatar (for example LinkedIn).

Primary Symbol

Primary Symbol

Our symbol is a powerful way to show GoCardless in smaller more impactful places, in product or on social icons.

Reversed Symbol

Reversed Symbol

A dark version exists in our dark colourway, for when we need to place our wordmark on lighter backgrounds.

Reversed Symbol, Accent

Reversed Symbol, Accent

The blue G symbol can only be used as a hover or an accent colour and must not ever be the lead symbol.

G Symbol 1 G Symbol 2

Symbol transitions to accent on hover

Clear Space

GoCardless logo clear space grid

Clearspace is important to maintain the integrity of our logo from surrounding assets and graphics. This is the area surrounding the logo and it should be kept clear at all times.