Style Guide

Get Started

Typography

Palette

Components

UI Patterns

Overview

Our Mono palette is subtle, textured and flexible; it utilises the softness of all the tones found in between said extremes to bring out detail, nuance and character. To determine such tones, the colour gradients are marked at various opacity increments of a foundational Black #111111 (mono 900).

Mono

Generally speaking, Pay by Bank : is a layer of utility that facilitates payment between any consumer and merchant, using any bank. In this sense, the brand must be lean and out of the way, acting as a space for the interaction of many relationships. The absence of ‘colour’ is intentional, so as not to associate with any particular existing brand / colour / mood / feeling.

0

#ffffff

25

#fafafa

50

#f2f2f2

75

#ebebeb

100

#e3e3e3

125

#dcdcdc

150

#d4d4d4

175

#cdcdcd

200

#c5c5c5

225

#bebebe

250

#b7b7b7

275

#afafaf

300

#a8a8a8

325

#a1a1a1

350

#9a9a9a

375

#939393

400

#8c8c8c

425

#858585

450

#7f7f7f

475

#787878

500

#717171

525

#6a6a6a

550

#646464

575

#5d5d5d

600

#575757

625

#515151

650

#4b4b4b

675

#444444

700

#3e3e3e

725

#383838

750

#333333

775

#2d2d2d

800

#272727

825

#222222

850

#1c1c1c

875

#171717

900

#111111

Success

50

#A3EAD3

100

#92E6CB

200

#71DEBC

300

#50D7AC

400

#30CE9C

500

#28AD83

600

#1D7F60

700

#13523E

800

#08241B

900

#04110D

Warning

50

#FEFAF7

100

#FDEDE4

200

#FAD4BF

300

#F6BB99

400

#F3A174

500

#F0884E

600

#EC651A

700

#BE4E10

800

#8A390C

900

#562407

Error

50

#FFF5F5

100

#FFEBEB

200

#FFDBDC

300

#FFB3B4

400

#FF8A8C

500

#FF6164

600

#FF0005

700

#B80003

800

#7A0002

900

#470001

Info

50

#EBF5FF

100

#D6EBFF

200

#ADD8FF

300

#85C4FF

400

#5CB1FF

500

#339DFF

600

#0082FA

700

#0065C2

800

#00488A

900

#002A52

© 2026