Brand assets
The Stack Guard logo, icon and colors.
Everything you need to show Stack Guard in an article, a review, a partner page or a client proposal. SVG for the web, PNG for slides and email, EPS and PDF for print.
72 files in 4 logo lockups and 3 icon versions
01
Stack Guard logo files
Choose a logo, check it on the background you need, and download it. The lettering is outlined in every file.
Logo
The primary logo, with the trademark symbol. Use it whenever you can.
For dark backgrounds. Transparent, so it sits on any dark color or photo.
02
Colors
Stack Guard Violet is the one accent. Navy, ink and white carry everything else. Click a code to copy it.
Stack Guard Violet
The accent. Buttons, the shield, highlights.
Navy
Logo text on light backgrounds and the brand panel.
Ink
Page backgrounds on screen.
White
Logo text on dark backgrounds.
03
Clear space and size
Leave space around the logo at least as wide as the shield's stripe, about a fifth of the shield's height. Keep the full logo at least 120 pixels wide on screen (30 mm in print), and the shield at least 16 pixels.
04
Typography
- Headings
- Space Grotesk
- Text
- Inter, for everything people read.
- Labels and numbers
- JetBrains Mono 0123456789
05
Please don't
- Change the logo's colors, outside the versions here
- Stretch, squash, rotate or skew it
- Add shadows, outlines, glows or gradients to it
- Rebuild the wordmark in another font
- Put the navy-text logo on a dark background, or the white-text logo on a light one
- Use the shield alone in place of the full logo where there is room for both
06
Name and description
- Write Stack Guard: two words, each with a capital. Never StackGuard, Stackguard or STACK GUARD in running text.
- The company behind it is Stack Mode.
- Short description: “Stack Guard is a WordPress security plugin with login protection, two-factor, a firewall, malware scanning and verified backups.”
Need something else, like a logo in a different format or a product screenshot? Email hello@wpstackguard.com.
Questions
Brand questions
Where can I download the Stack Guard logo?
Right here. Choose a logo, check it on the background you need and download SVG, PNG at 800 or 2400 pixels, EPS, PDF or the Illustrator source. Or download the whole kit as one zip.
Can I use the Stack Guard logo on my agency website?
Yes, to show that you use or recommend Stack Guard, in reviews, articles, partner pages and client proposals. Please do not use it in a way that suggests Stack Guard endorses your business, or as part of your own product name.
What font is the Stack Guard logo?
The wordmark is outlined in every file, so no font is needed to open or print them. The website uses Space Grotesk for headings, Inter for text and JetBrains Mono for labels, all free on Google Fonts.