DispatchBrand kit

Dispatch, in every format.

Logos, icons, color and type for anyone building with or writing about Dispatch. Everything below downloads as SVG and PNG, or grab the whole kit in one zip. Boilerplate, fact sheet and screenshots are in the press kit.

Horizontal and stacked

Horizontal is the default. Use stacked when space is square or tall. Each comes in four colorways.

horizontal
dispatch-logo-horizontal-black
dispatch-logo-horizontal-black
dispatch-logo-horizontal-duo
dispatch-logo-horizontal-duo
dispatch-logo-horizontal-blue
dispatch-logo-horizontal-blue
dispatch-logo-horizontal-white
dispatch-logo-horizontal-white
stacked
dispatch-logo-stacked-black
dispatch-logo-stacked-black
dispatch-logo-stacked-duo
dispatch-logo-stacked-duo
dispatch-logo-stacked-blue
dispatch-logo-stacked-blue
dispatch-logo-stacked-white
dispatch-logo-stacked-white
On Base Blue: use the white logo
On Base Blue: use the white logo
On photography: use the white logo
On photography: use the white logo

Give it room

xx
Clear spaceKeep x = half the mark's height clear on every side. Nothing else enters this space.
16 px
24 px
32 px
96 px wide
Minimum sizeMark: 16 px. Horizontal logo: 96 px wide. Stacked logo: 64 px wide.
Don't stretch or squash
Don't rotate
Don't recolor outside the palette
Don't outline the mark
Don't add shadows or effects
Don't place Base Blue on Ink

Ink, paper and Base Blue

Mostly ink on white. Base Blue is the single accent: primary buttons, one highlighted word, brand moments. Green and red are only ever text for P&L. Click a swatch to copy it.

Calm headlines, exact numbers

All three faces are free on Google Fonts.

Google Sans Flex · headlines and bodyAgentic trading on Base.Headlines sit at weight 400 with tight tracking. Body copy is 16–20 px at 1.5 line height. The wordmark is Google Sans Flex Medium, outlined.
Geist Mono · numbers and labels+$18,428 · 2.50×0x0aea…6815
Doto · display numerals15%

App icons and favicons

Rounded versions for previews and docs, full-bleed squares for app stores (they apply their own mask).

dispatch-app-icon-ink
dispatch-app-icon-ink
dispatch-app-icon-blue
dispatch-app-icon-blue
dispatch-app-icon-paper
dispatch-app-icon-paper
16px
32px
48px
touch

The SVG favicon switches to white automatically when the browser is in dark mode.

Ready to post

Open Graph cards for link previews, X headers, a DexScreener banner and profile avatars. The X header keeps the bottom-left clear for your profile photo.

dispatch-og-light · 1200×630
dispatch-og-light · 1200×630
dispatch-og-dark · 1200×630
dispatch-og-dark · 1200×630
dispatch-og-blue · 1200×630
dispatch-og-blue · 1200×630
dispatch-x-header-light · 1500×500
dispatch-x-header-light · 1500×500
dispatch-x-header-dark · 1500×500
dispatch-x-header-dark · 1500×500
dispatch-x-header-blue · 1500×500
dispatch-x-header-blue · 1500×500
DexScreener header · 1500×500 · animated GIF, 5 s loop
dispatch-dexscreener-blue · 1500×500
dispatch-dexscreener-blue · 1500×500
dispatch-dexscreener-dark · 1500×500
dispatch-dexscreener-dark · 1500×500
dispatch-avatar-ink
dispatch-avatar-ink
dispatch-avatar-blue
dispatch-avatar-blue

Referring to

Use the official Base logo, unaltered, from Base's brand kit, and follow base.org/brand.

Separate the two marks with a divider and the words “on” or “Built on”.Never merge the Base square and the Dispatch cube into one lockup.Never recolor or redraw the Base logo.
DispatchBuilt on
Correct co-branding