Successfully represent Agents Only with core brand elements and rules for usage
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.
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.
Use the letter 0 in the logo as your spacing guide to be sure it has room to breathe.
❌ 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 guideOur 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.
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.
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 guideDM 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.
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.