Brand

Brand assets

Everything you need to reference Driftband on your own site. Please link the logo to driftband.app and keep it unaltered.

On light backgrounds

On dark backgrounds

Download

Logo (horizontal lockup)

Mark and wordmark. Use this as the primary logo.

SVG - light background SVG - dark background PNG - light background PNG - dark background

Mark (symbol only)

The smoke and the median on their own, for tight spaces.

SVG - light background SVG - dark background PNG - transparent (512 px)

App icon (filled tile)

The mark on its dark tile, for favicons, avatars and app tiles.

SVG - tile PNG - 512 px PNG - 120 px

Link to us

Paste this where you want the logo to appear. It links back to the homepage. On a dark background, use driftband-logo-dark.svg instead.

HTML

<a href="https://driftband.app" target="_blank" rel="noopener"
   title="Driftband - smoke-graph latency monitoring">
  <img src="https://driftband.app/brand/driftband-logo.svg"
       alt="Driftband" width="150" height="48">
</a>

Colors

The palette of the smoke graph itself. Click a color to copy its value.

Typography

AaGeistWordmark (weight 640), headings and text.

AaGeist MonoLabels, numbers and code.

Usage guidelines

Please do

Use the light logo on light backgrounds and the dark one on dark backgrounds.
Keep clear space around the logo equal to the height of the mark.
Display the logo at 24 px tall or larger so the smoke stays legible.
Link the logo to driftband.app.

Please don't

Recolor the logo, add effects or change the median's green.
Stretch, rotate or distort the proportions.
Place the logo on a busy background with low contrast.
Recreate the wordmark in a different typeface.

Questions about using the Driftband brand? Get in touch on LinkedIn. Looking for the product? Visit the homepage.