Brand and logo files
The Vulnder logo, icon and name, for articles, talks, slides and directory listings that mention or link to Vulnder.
The logo is a magnifying glass over a broken shield: Vulnder finds the weak spots in what you run. The crack is drawn like the one through a broken heart, a nod to the dating-app joke in the name.
Files
SVG for anything that scales. PNGs have transparent backgrounds. In the versions with the name, the letters are converted to outlines, so they don't need the font.
The icon is the broken shield on its own. It's the favicon, and the version to use below 24 pixels, where the shield inside the lens gets too small to read.
Colours
| Match Violet | #5e2ca5 The logo on light backgrounds. |
|---|---|
| Light violet | #b897ee The logo on dark backgrounds. |
| Plum Ink | #1b1724 The name on light backgrounds. |
| Pale Ink | #eeeaf4 The name on dark backgrounds. |
| Lavender Paper | #f5f3f8 The site's light background. |
| Night Paper | #131118 The site's dark background. |
The name is set in Atkinson Hyperlegible Next, Extra Bold, the typeface the site uses.
Using the logo
- Use the files as they are. Don't redraw, stretch or rotate the logo, or add shadows or outlines.
- Leave space around it at least a quarter of the logo's height.
- Keep it violet. On Vulnder, red, amber, yellow and green mean priority levels and fixes, so a logo in those colours reads as a warning.
- For a link preview, the site's own card is at /brand/og-image.png (1200 × 630).
Forks and your own deployments
Vulnder's code is open source under the Apache License 2.0, but the licence doesn't cover the name or the logo. If you run a fork or a public deployment, give it a name and logo of its own. Saying it's based on Vulnder is fine and welcome. The forking guide lists what to change.
Anything else about the name or logo: Pete Salmond on LinkedIn.