Brand assets

Everything you need to reference Web Watch Tower (WWT) on your own site. Please link the logo to webwatchtower.app and keep it unaltered.

Web Watch Tower logo on a light background
Web Watch Tower logo on a dark background

Download

Logo (horizontal lockup)

Mark + wordmark. Use this as the primary logo.

SVG - light backgroundSVG - dark backgroundPNG - light backgroundPNG - dark background

Mark (symbol only)

The hexagon mark on its own, for tight spaces and avatars.

SVG - light backgroundSVG - dark backgroundPNG - transparent (512px)PNG - 120px (app icon)

App icon (filled tile)

Gradient tile with a white mark, for favicons and app tiles.

SVG - tilePNG - 512px

Link to us

Paste this where you want the logo to appear. It links back to our homepage.

<a href="https://webwatchtower.app" target="_blank" rel="noopener"
   title="Web Watch Tower - website monitoring">
  <img src="https://webwatchtower.app/brand/wwt-logo.svg"
       alt="Web Watch Tower" width="200" height="42">
</a>

Colors

Brand Blue
#3B82F6
Indigo
#4F46E5
Pulse Green
#22C55E
Ink
#0F172A

Usage guidelines

Please do

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

Please don't

  • Recolor, add effects, or change the gradient.
  • 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 our brand? Email [email protected]. Looking for the product? Visit the homepage.