Brand Kit & Identity System
AgileX

AI Agents that do the work — so your people can do what matters.

v3.0 Light · April 2026 · agilex.co.za
01Colour System
Primary
AgileX Red
#E04032
CTAs, logo X, accents
Red Dark
#C4362A
Hover/pressed states
Red 50
#FEF2F1
Light backgrounds, highlights
Red 100
#FDE3E1
Badges, soft fills
Neutrals — Light Mode
White
#FFFFFF
Page background
Grey 0
#F9F9FB
Section alternates
Grey 100
#F2F2F7
Card backgrounds
Grey 200
#E5E5EA
Borders, dividers
Grey 500
#8E8E93
Captions, labels
Grey 700
#636366
Body text
Grey 900
#3A3A3C
Headings
Black
#0A0A0A
Wordmark, display text
Agent Colours
Ava
#E04032
Sourcing
Grant
#30D158
Interview
Iris
#64D2FF
Insights
Leo
#FFD60A
Experience
Elle
#BF5AF2
Liaison
Status
Success
#30D158
Warning
#FFD60A
Info
#64D2FF
Error
#FF453A
02Typography
Display — Oswald
AI Agents That
Do The Work
Used for hero headlines, section titles, wordmark, agent names, and any display-scale text. Always uppercase for headlines.
Body — Outfit
Five autonomous agents handle sourcing, screening, scheduling, analytics, and communication — so your recruitment team focuses on relationships and placements.
Used for body copy, UI labels, navigation, buttons, descriptions. Weights 300–800.
Mono — JetBrains Mono
AGENT·AVA — SOURCING SPECIALIST — #E04032 — v3.0 — R280/MO
Used for section labels, version numbers, hex codes, pricing, metadata, and technical specs.

Scale

Display48–96pxAGILEX
H136–48pxAI Agents That Do The Work
H224–32pxYour Autonomous Recruitment Squad
H318–22pxCandidate Arrives
Body14–16pxFive agents handle the entire recruitment lifecycle autonomously.
Small12–13pxPowered by 2nth.ai and Cloudflare Workers AI
Mono9–12pxSection Label · Metadata · Hex Code
03Logo Lockups

Wordmark on Backgrounds

Light
AGILEX
Dark
AGILEX
Grey
AGILEX
Red
AGILEX

Icon Mark

X
X
X
X

Wordmark + Tagline

AGILEX AI Agents That Do The Work
04Agent System

Five named AI agents form the A.G.I.L.E. framework. Each has a signature colour, letter, role, and personality.

A
Ava
Sourcing
G
Grant
Interview
I
Iris
Insights
L
Leo
Experience
E
Elle
Liaison

Agent Colours on Light Backgrounds

When agents appear on white/light backgrounds, use their colour as an accent ring, badge, or left border — not as a full fill for large areas. Reserve full-colour fills for avatars and small indicators only.

05Templates

Email Signature

Email Signature
Craig Sobey
Founder & CEO
AGILEX
craig@agilex.co.za
agilex.co.za · LinkedIn
AI Agents That Do The Work

HTML Signature Code

<table cellpadding="0" cellspacing="0" style="font-family:Outfit,Arial,sans-serif;font-size:13px;color:#636366"> <tr><td style="font-family:Oswald,sans-serif;font-weight:700;font-size:16px;color:#0A0A0A">Craig Sobey</td></tr> <tr><td style="font-size:12px;color:#8E8E93">Founder & CEO</td></tr> <tr><td style="padding-top:8px"><div style="width:40px;height:2px;background:#E04032"></div></td></tr> <tr><td style="padding-top:8px;font-family:Oswald,sans-serif;font-weight:700;font-size:14px;color:#0A0A0A;letter-spacing:1px">AGILE<span style="color:#E04032">X</span></td></tr> <tr><td style="font-size:11px;color:#8E8E93;padding-top:2px"><a href="mailto:craig@agilex.co.za" style="color:#E04032;text-decoration:none">craig@agilex.co.za</a></td></tr> <tr><td style="font-size:11px;color:#8E8E93"><a href="https://agilex.co.za" style="color:#E04032;text-decoration:none">agilex.co.za</a> · <a href="https://za.linkedin.com/company/agilesolutions-x" style="color:#E04032;text-decoration:none">LinkedIn</a></td></tr> <tr><td style="font-size:10px;color:#AEAEB2;font-style:italic;padding-top:6px">AI Agents That Do The Work</td></tr> </table>

LinkedIn Banner & Post Template

Company Page Banner (1128 × 191)
AGILEX AI Agents That Do The Work
LinkedIn Post Card
X
AgileX
AI-powered recruitment intelligence platform. Five autonomous agents handle sourcing, screening, scheduling, analytics, and comms.
agilex.co.za · Johannesburg

LinkedIn Post Colours

For LinkedIn post graphics, use these combinations:

AGILEX
White + Red accent
Default — clean and professional
AGILEX
Red 50 + Red accent
Warm — announcements, launches
AGILEX
Grey 0 + Red accent
Neutral — insights, data posts
06Usage Rules

Do

  • Use white or Grey 0 (#F9F9FB) as default page background
  • Use Red 50 (#FEF2F1) for hero gradients and highlight sections
  • Keep the X in AgileX Red (#E04032) always
  • Use Oswald uppercase for headlines and section titles
  • Use Outfit for all body text and UI elements
  • Agent colours for avatars, badges, and accent borders only
  • Maintain generous whitespace between sections
  • Use JetBrains Mono for metadata, hex codes, and labels

Don't

  • Don't use dark backgrounds as default — light mode is primary
  • Don't fill large areas with agent colours
  • Don't change the X colour in the wordmark
  • Don't use red for body text or long passages
  • Don't mix more than 2 fonts in one context
  • Don't use generic sans-serif — always load brand fonts
  • Don't place the wordmark on busy backgrounds without contrast
  • Don't use lowercase for the wordmark — always AGILEX

Taglines

Recommended — Hero
AI Agents That Do The Work
Technical — Platform
Your Autonomous Recruitment Squad
Concise — Versatile
Put Talent First. Agents Handle The Rest.

Contact

Email: craig@agilex.co.za

LinkedIn: za.linkedin.com/company/agilesolutions-x

Website: agilex.co.za

Location: Johannesburg, South Africa

Copied!