Resources

Brand Kit

Official ArDrive logos, color tokens, and typography. Use these assets when referencing or building on ArDrive.

For agents and developers

Building an ArDrive app or screen? Follow the design system: theme tokens for dark and light, type scale, spacing, components and copy rules. Agents can read the brand kit as JSON.

Design system agents.json

Logos

Icon, dark background

Preferred version. Use on dark or black surfaces.

PNG SVG

Icon, light background

Use on white or light-colored surfaces.

PNG SVG

Wordmark, dark background

Full logo with logotype. Use on dark surfaces.

PNG SVG

Wordmark, light background

Full logo with logotype. Use on white or light surfaces.

PNG SVG

Colors

Onyx#121212

Primary background

Alabaster#FAFAFA

Primary text / foreground

Primary#D31721

CTAs, buttons, key accents

Ruddy#FE0230

Decorative highlights, glows

Success#18A957

Success states, positive indicators

Info#3142C4

Info states, secondary accents

Typography

Two faces: Wavehaus for everything people read, Roboto Mono for the strings they check character by character.

Wavehaus

Headings, body and UI · Licensed face

var(--font-body)

ExtraBold 800

Website headlines only

Pay once. Store forever.

Bold 700

Titles in the apps

Upload files

SemiBold 600

Labels, buttons, emphasis

Turbo Credits

Book 400

Body text, the default

Permanent, private and user-owned.

Light 300

Large figures only

2.4 GB

Roboto Mono

Regular 400 · OFL

font-mono

Owner 7xKpQa...q2Fd

kQJt49W-uYw_E7YSqQqkUARNZPg4H38hFnOMP4hf9MA

Transaction, file and drive IDs, wallet addresses, keys and code. A name like phil.ar.io stays in Wavehaus. Set it a step smaller than the text beside it.

Text with no weight set is Book. The files call Light 400, so declare the weights above in @font-face.

Light is for figures. Only at heading sizes, beside a label in a heavier weight.

Line numbers up. Wavehaus figures vary in width. Right-align number columns and give a figure that changes a fixed width.

Usage guidelines

Do not alter the logo colors, proportions, or orientation.

Keep clear space around every logo variant of at least the height of the icon.

Do not place the logo on backgrounds with insufficient contrast.

Questions? Contact us.