Brand Guidelines

Scroll

ConnexPay Brand Site

Welcome!

We have created this to connect our partners and collaborators so the ConnexPay brand is experienced consistently across all uses and mediums.

Correct Pronunciation

[kuh-nex-pey]

Typography

ConnexPay uses Roboto Slab for headlines and Roboto for body text as its primary typefaces. These fonts were selected for their clarity, versatility, and modern appearance, making them suitable for both digital and print applications.

Roboto Slab
Primarily for headlines.
Download at Google Fonts
Roboto
Primarily for body text.
Download at Google Fonts

Colors

A look at our overall color approach, core brand colors, color palette for web, neutral palette, complementary palette, and more.

Core Brand Colors

ConnexPay is a blue-first brand. We use two core blues—Resolute Blue and Pulse Blue—to reflect trust, security, and clarity. These colors form the foundation of our visual identity and are used across our logo, interface elements, and marketing materials.

To support moments of emphasis, we also include two accent colors:

  • Spark Green is used sparingly to bring energy and draw attention to actions.
  • Signal Green offers a deeper, grounded tone and is used to reinforce stability in visual applications.
Resolute Blue
HEX
#031E94
RGB
R:03/G:30/B:148
CMYK
C:100/M:80/Y:00/K:40
PANTONE
Dark Blue C
Pulse Blue
HEX
#4AAFE9
RGB
R:74/G:175/B:233
CMYK
C:63/M:16/Y:00/K:00
PANTONE
298 C
Spark Green
HEX
#7EE90C
RGB
R:126/G:233/B:12
CMYK
C:45/M:00/Y:100/K:0
PANTONE
375 C
Signal Green
HEX
#009245
RGB
R:00/G:146/B:69
CMYK
C:100/M:05/Y:100/K:10
PANTONE
347 C

Neutral Palette

Oxford Black
HEX
#121629
RGB
R:03/G:30/B:148
CMYK
C:100/M:80/Y:00/K:40
PANTONE
Dark Blue C
White
HEX
#FFFFFF
RGB
R:74/G:175/B:233
CMYK
C:63/M:16/Y:00/K:00
PANTONE
298 C
Ledger Gray
HEX
#CCCCCC
RGB
R:126/G:233/B:12
CMYK
C:45/M:00/Y:100/K:0
PANTONE
375 C

Color Accessibility

Contrast and legibility are evaluated using contrast ratios. According to WCAG 2.1, the minimum contrast ratio for text to meet Level AA compliance is 4.5:1. For large text or headings, a minimum of 3:1 is required.

You can check if your color combinations meet accessibility standards using Coolors.

Acceptable Uses (pass AAA)
Unacceptable Uses

Icons

Our icon set is a toolbox for creating supporting graphics and they are based on icons from IconPark. The icons are always used in our brand colors and in an outlined version like shown below.

UPDATE LINK

Oxford Black Icon Set

UPDATE LINK

Resolute Blue Icon Set

UPDATE LINK

White Icon Set

UPDATE LINK

Icon Construction

Icons follow a consistent grid system to ensure clarity, balance, and visual alignment across all touch-points. Always use the provided icons as-is, and avoid distorting or stretching.

With Grid
Without Grid