Brand kit

distribute brand assets

The logo, wordmark, icon, banner, and favicon in SVG, plus our colors, typography, and a few rules. Use these to reference or link to distribute. Do not modify or redraw the mark.

Download all assets (.zip) ↓

Logo

The full logo is the mark and the wordmark together. Keep the mark to the left of the word.

Logo, on dark

Primary. Use on dark surfaces.

SVG PNG

Logo, on light

Use on light surfaces.

SVG PNG

Logo, mono white

Single color, dark backgrounds.

SVG PNG

Logo, mono black

Single color, light backgrounds.

SVG PNG

Wordmark, on dark

SVG PNG

Wordmark, on light

SVG PNG

Icon & favicon

Square icon for avatars and app tiles. The mark is the D on its own.

Icon

App icon and social avatar.

SVG PNG

Mark

The D, on transparent.

SVG PNG

Favicon

SVG favicon.

SVG PNG

Favicon files:favicon.ico apple-icon.png (180)

Banner

1200 x 630 social and share image.

Banner, 1200 x 630

SVG PNG

Colors

Ink and signal blue are the core. Everything else supports them.

#070A0F

Ink
#070A0F

#10151D

Surface
#10151D

#26303D

Line
#26303D

#2563eb

Signal blue
#2563eb

#F2F5F7

Text
#F2F5F7

#99A4B6

Muted
#99A4B6

Typography

Space Grotesk for display, Inter for body, IBM Plex Mono for labels and numbers.

Display

Space Grotesk

Body

Inter

Mono

IBM Plex Mono

Usage

A few rules so the mark stays recognizable.

Do

Keep clear space around the logo, at least the height of the mark.
Use the on-dark logo on dark, the on-light logo on light.
Write the name lowercase: distribute.
Scale the SVG. It stays sharp at any size.

Don't

Recolor the mark or change the blue.
Stretch, rotate, or add effects.
Put the logo on a busy or low-contrast background.
Recreate the wordmark in another font.