Brand assets & press kit

Everything you need to write about Vizzie. These files are free to use in any article, review, talk or post about Vizzie — no permission needed. If you want something that isn't here, email hello@vizzie.org and we'll make it.

Logo

Prefer the SVG. It stays sharp at any size and the PNGs are transparent, so both sit on light or dark.

Horizontal lockup

The primary logo. Use this wherever the space is wider than it is tall — sites, decks, email signatures, event listings.

SVG PNG 1742 × 454 PNG 512px With clear space (PNG) With clear space (SVG)

Stacked lockup

For square and near-square spaces — avatars, app icons, social profiles, stickers.

SVG PNG 1024 × 1024

Colour

One brand colour, and it does not change between light and dark.

#22C55E

Vizzie green — logo, links, buttons

#0E1116

Ink — the dark surface behind it

#E6E9EF

Paper — text on dark

Clear space and minimum size

Leave clear space around the logo equal to the height of the stacked mark — nothing else should sit inside it. The padded files above already include it. Don't set the horizontal lockup below 120px wide on screen or 30mm in print; below that the lower two layers of the mark start to close up. Use the stacked lockup when you need it smaller.

Please don't

Recolour it. The green is fixed — it is the same #22C55E on light and dark.
Stretch, squash or rotate it, or rebuild the wordmark in a different typeface.
Add shadows, outlines, gradients or a container box.
Place it on a busy photo or a mid-tone background where the green loses contrast.
Separate the mark from the wordmark to make a new lockup — the two files above are the only approved ones.

Email signature

Sized for a signature and served from here, so it renders in every client without an attachment. Email clients don't support SVG, so these are PNG.

Each file's pixel size is the size it renders at, because most signature editors only let you paste a URL with no way to set width and height. Pick the file that matches the width you want and paste its address on its own.

90 × 23 — discreet 120 × 31 — recommended 180 × 46 — prominent

If your editor does accept markup, use the largest file and halve it with width and height — that keeps it sharp on a retina screen, which a URL on its own can't do.

<a href="https://www.vizzie.org"><img
  src="https://www.vizzie.org/brand/vizzie-logo-email.png"
  width="90" height="23" alt="Vizzie" style="border:0;display:block"></a>

Product screenshot

Vizzie mapping the City of Vancouver's street-tree register — 150,000 trees extruded by height and coloured by species, with the charts updating alongside. Sized 1200 × 630 for social cards; credit the data to the City of Vancouver.

Vizzie mapping 150,000 Vancouver street trees in 3D, extruded by height and coloured by species, with charts alongside

PNG 1200 × 630 Animated GIF Workflow GIF

Boilerplate

Copy this straight into a piece if it's useful.

Vizzie is a mapping and analytics platform that connects people to the world's open data. It reaches 170 open-data portals across 28 countries and more than 4.1 million datasets, and turns any of them into maps, charts and data stories in the browser — with nothing to download and no GIS specialist required. Vizzie is in beta at vizzie.org.

Written as Vizzie — one capital V, never all-caps, never "vizzie". It's pronounced VIZ-ee.

Press enquiries

hello@vizzie.org — happy to give a walkthrough, build a map for a story, or check figures before you publish.