Logo ยท 14 November 2026

WorldAgents logo

WORLD in tall, narrow letters over AGENTS in wide, short ones. Both lines are exactly the same width, so the mark is one solid block and WORLD is the bigger word. This page shows every version, how small it can go, which colors it takes and where the files are.

Motion

A logo that moves

The two words trade height while their width stays fixed. The logo opens in the middle and grows WORLD. While something loads it swings between WORLD tall and AGENTS tall, then settles on WORLD, which is the still logo.

At rest
On dark
WORLD tall
Middle
AGENTS tall

Five frames of one swing. Each word passes through its regular letter width on the way, so every frame in between is a drawn letterform.

Versions

Two colors or one

In two colors, WORLD is ink or white and AGENTS is signal red. In one color, the change in letter width still separates the words.

WorldAgents
On light
WorldAgents
On dark
WorldAgents
Ink
WorldAgents
White on ink
WorldAgents
White on signal

Sizes

How small it goes

Shown at widths of 320, 200, 120, 80 and 56 px. Suggested smallest size on screen: 56 px wide. Below that AGENTS drops under 9 px tall, so use the icon instead.

WorldAgents320 ร— 159
WorldAgents200 ร— 100
WorldAgents120 ร— 60
WorldAgents80 ร— 40
WorldAgents56 ร— 28

Clear space

Room around it

Keep a margin on every side equal to the height of the AGENTS line, marked x. Nothing else sits inside the dashed line. The files themselves are cropped tight to the letters, so add this margin yourself.

xxx

Icon

WA

A wide W beside a narrow A at the same height, shown at 96, 48, 32 and 16 px. At 16 px use the one-color icon, where the red A gets faint on ink. The letters also come without a tile.

WA96
WA48
WA32
WA16
WA96
WA48
WA32
WA16
WA96
WA48
WA96
WA48
WA96
WA48
WA
WA
WA

Favicon

White on signal red

The browser-tab icon uses the red tile because an ink tile disappears in a dark tab bar. It comes as SVG, ICO and PNG, with a square Apple touch icon.

WorldAgents96
WorldAgents48
WorldAgents32
WorldAgents16
WorldAgentsWorldAgents
WorldAgentsWorldAgents

In use

Three places it will live

Mock-ups to judge scale, not designs of the real screens.

Site header, 64 px wide
WorldAgentsLoading
WAWorldAgents
App icon, 72 px

Avoid

Four ways to break it

Each of these undoes the one thing the mark depends on: two words, one width, AGENTS in red.

AvoidDifferent widths. The two lines always end flush.

AvoidStretched or squashed. Scale it as one piece.

AvoidColors swapped. AGENTS is the red word.

AvoidRed on red. On signal, use the white logo.

Construction

How it is built

Enough to rebuild or extend the mark without guessing.

Typeface
Mona Sans Black. In the logo, WORLD is at width 75 and AGENTS at width 125. The icon uses the opposite: W at 125, A at 75. Shapes are outlined, so no font is needed.
Proportions
Both lines span the full width. On a width of 1000, WORLD is 295 tall, the gap is 45 and AGENTS is 158 tall.
Colors
Ink #15181ESignal #F73558White #FFFFFF

Files

Download

Every shape is outlined, so no font is needed to use these. SVG for anything that scales, PNG where a fixed size is asked for.

Download all files (zip)

Logo
worldagents-logo-ink.pngworldagents-logo-ink.svgworldagents-logo-on-dark.pngworldagents-logo-on-dark.svgworldagents-logo-white.pngworldagents-logo-white.svgworldagents-logo.pngworldagents-logo.svg
Animated
worldagents-logo-intro-on-dark.svgworldagents-logo-intro.svgworldagents-logo-loading-on-dark.svgworldagents-logo-loading.svg
Icon
worldagents-icon-1024.pngworldagents-icon-16.pngworldagents-icon-180.pngworldagents-icon-32.pngworldagents-icon-512.pngworldagents-icon-light-mono.svgworldagents-icon-light.svgworldagents-icon-mono.svgworldagents-icon-signal.svgworldagents-icon-square-1024.pngworldagents-icon-square.svgworldagents-icon.svg
Mark
worldagents-mark-ink.svgworldagents-mark-on-dark.svgworldagents-mark-white.svgworldagents-mark.svg
Favicon
favicon/apple-touch-icon.pngfavicon/favicon-16.pngfavicon/favicon-192.pngfavicon/favicon-32.pngfavicon/favicon-48.pngfavicon/favicon-512.pngfavicon/favicon.icofavicon/favicon.svg

Process

How it was found

The logo came out of 212 typefaces, 32 test sheets and 5 rounds of feedback. Every sheet is kept, in the order it was made, with the decision that followed each round.

See the process