Brand

The AwaitIO brand

The logo, the name and the colors, with files to download. The mark is a loading arc with a dot at its end: an await in progress.

Logo

Use the logo with the wordmark wherever there is room, the icon alone where there is not. Download the SVG for the web and print, the PNG where SVG is not accepted.

AwaitIO

Logo

The default: icon and wordmark, on white or light backgrounds.

svg png

AwaitIO

Logo on dark

For dark backgrounds; the ink turns white, the dot stays orange.

svg png

Icon

Favicons, avatars and app icons.

svg png

Icon on dark

The icon for dark backgrounds.

svg png

Clear space and minimum size

Keep free space around the logo at least as wide as the dot is tall, a quarter of the icon. The icon stays legible down to 16 px, the favicon size; below 24 px leave out the wordmark.

AwaitIO

64 px

32 px

24 px

16 px

Name

AwaitIO is one word with a capital A, I and O, everywhere people read it: in text, in the UI, in titles and in slides.

AwaitIO

DoAwaitIO in text and titles

npm install awaitio

Doawaitio only in code, npm and the domain

Await IO

Don’tTwo words

Awaitio · AWAITIO

Don’tLowercase or all caps in prose

Colors

Mostly ink on paper, with orange as the only accent. Click a value to copy it.

Ink

Text, the arc, dark backgrounds and primary buttons.

Orange

The dot in the logo and the one accent: eyebrows, icons, highlights.

Paper

Backgrounds and cards.

Terminal

Code windows.

Gray 600

Body text next to headings.

Gray 200

Borders and dividers.

Gray 50

Quiet backgrounds.

Typography

IBM Plex Mono for the wordmark only, Geist Sans for everything people read and Geist Mono for code and small labels.

WordmarkAwaitIOIBM Plex Mono, "Await" semibold and "IO" regular, tracking 0.08em, one color.'IBM Plex Mono', 600 + 400

Geist Sans · headings and textYour code awaitsThe browser answers, and your function goes on.'Geist', ui-sans-serif, system-ui, sans-serif

Geist Mono · code and labelsawait io.input.text()const email = await io.input.text('Email');'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace