Skip to content
Vectro
GitHub ↗

— Brand

The mark

A V inside a circle. Its right stroke turns into a chart line going up: columns of numbers, read fast.

MarkMarkSVG, on lightDownload ↓Mark, on darkMark, on darkSVG, with a ringDownload ↓WordmarkWordmarkSVGDownload ↓Wordmark, whiteWordmark, whiteSVGDownload ↓App iconApp iconPNG, 1024 pxDownload ↓FaviconFaviconSVGDownload ↓Social previewSocial previewPNG, 1280 × 640Download ↓X / Twitter headerX / Twitter headerPNG, 1500 × 500Download ↓LinkedIn bannerLinkedIn bannerPNG, 1584 × 396Download ↓

Ink

#111110

Paper

#f5f5f3

Line blue (the mark only)

#4f7cff

Display

Syne 800

Headlines, very large, uppercase, tight.

Text and numbers

DM Sans for text.

JetBrains Mono for numbers and code.

Please

  • Write the name as Vectro (or Vectro.js); the package is vectrojs.
  • Keep the mark round, with its blue line, and give it room: at least a quarter of its size on every side.
  • Don't recolour, stretch or rotate it, and don't put the light mark on a dark background (use the one with a ring).