When creating Agents Only assets for marketing materials, we have just a few guidelines we'd like you to follow.

Brand Guidelines

How we write our name, how we use our symbols — these are the closest we get to a "signature" for Agents Only. In integrations, you should always use our full logo (icon + wordmark).

How they appear, whether tiny on a screen or enormous on a billboard, becomes a crucial way for our customers and partners to find and trust us.

Download logo set


Our logo uses letterforms inspired by DM Sans typeface.
The logotype can be used in one of three colors: green, white, or dark navy.Please click on different color themes to see other options.

Use these reverse versions for better legibility on certain background colours.

Use these secondary versions only when necessary.
e.g., A black-and-white printer, or when the symbol has legibility issues on the background colour.



Our logo uses letterforms inspired by DM Sans typeface.
The logotype can be used in one of three colors: green, white, or dark navy.Please click on different color themes to see other options.


Clear space

Use the letter 0 in the logo as your spacing guide to be sure it has room to breathe.


Ground rules

❌ Do not change the scale or position of the wordmark and logo in the lockup.


Colour is used to express style and communicate meaning. When it comes to colour, contrast is critical for ensuring text is legible. We've added WCAG 2.1 contrast ratios to our colour system so we can make sure we're designing with accessibility in mind.

Download full colour guide
Hex: #00D0A3
RGB: 0 208 163
Prime Gradient
Hex: #009170 to #3538CD
RGB: 0 145 112 to 53 56 205
Hex: #213C50
RGB: 33 60 80
RGB: 0 0 0

Core brand colours

Our core colours are taken directly from our logo.

Here’s the common hierarchy in which they’re used:
Mint is the core colour of our brand. This is the hue that our users associates with Agents Only.
Prime gradient is the colour for our main components across the web/app.
Navy is our secondary logo colour upon which white elements can be placed.
White is our primary background colour.

Hex: #444CE7
RGB: 68 76 231
Hex: #F97066
RGB: 249 112 102
Hex: #EE46BC
RGB: 238 70 188
Hex: #FDB022
RGB: 253 176 34
Blue light
Hex: #53B1FD
RGB: 83 177 253
Hex: #2E90FA
RGB: 46 144 250

Secondary colours

To add bursts of joy to our user interface and images, we employ a variety of strong, colourful secondary colours.
Strong, full-bleed backdrops can also be created with secondary colours.

Gray 100
Hex: #F2F4F7
RGB: 242 244 247
Gray 500
Hex: #667085
RGB: 102 112 133
Gray 900
Hex: #101828
RGB: 16 24 40


The purpose of grays is to give hierarchy and utility without competing with our primary and secondary hues.


Use typography to make writing legible and beautiful. DM Sans is a low-contrast geometric sans serif design, intended for use at smaller text sizes.

Download full typography guide

Default typeface

DM Sans is designed to create a comfortable reading experience. Minimal and highly functional, it can be used anywhere (even in app interfaces) due to its extensive set of weights and widths across a broad range of sizes.
We use three weights of the typeface DM Sans, available via Google Fonts on all platforms.


Two type styles

Type styles are defined by two roles: Display and body. Each role has 5 - 6 sizes, ranging from xs to 2xl.
These new roles are more straightforward, allowing for simpler application across a broader range of use cases.



Set leading to 140%. Exceptions can be made for large headings above 40pt in print applications and 40px onscreen. In these situations, you can reduce leading as the text size increases.
Set tracking to 0. Set kerning to 0, optical.
Never use below 12pt in print or 12px onscreen. Type is usually left-aligned or centered. Never use fully justified.