Brand
Brand Standards
The Vigilance logo, colours, type and voice. Use these files and values when you write about Vigilance or design for it. For anything else, write to press@vigihq.com.
Logo
- Full colour, light backgroundSVG · PNG
- Full colour, dark backgroundSVG · PNG
- One colour, blackSVG · PNG
- One colour, whiteSVG · PNG
- Mark, light backgroundSVG · PNG
- Mark, dark backgroundSVG · PNG
- App icon and avatarSVG · PNG
The long blade of the mark is always Lime. The short blade and the name are Ink on light and white on dark. Keep clear space of half the mark height on every side. The full logo is at least 120 px wide.
Use the files as they are. Do not recolour, stretch, rotate or add shadows. Do not put the full-colour logo on Lime or on a busy photo.
Colour
Lime is the brand. It is a fill with Ink text on it, or a small marker. Lime text goes on dark only. Lime is about 4% of a page.
- Lime
#BCE455
The brand. Logo blade, buttons, small markers. - Graphite
#151219
The one dark block, the footer, the app icon. - Ink
#100E14
Text on light. - Paper
#FFFFFF
The page. - Slate
#57535F
Second text on light. - Smoke
#716C79
Captions on light. - Haze
#E3DFE9
Lines on light. - Panel
#F5F2F9
Soft panels on light. - Lime text
#5C790C
Lime-family text on light. On dark, use Lime.
Dark mode
- Night
#0D0B11
Dark-mode page. - Night Panel
#18161D
Dark-mode panels. - Night Line
#2F2C34
Dark-mode lines. - Mist
#F4F2F7
Dark-mode text. - Mist 2
#BFBCC3
Dark-mode second text. - Mist 3
#817F85
Dark-mode captions.
Status
Lime never shows a status. Red, amber and blue do. Every status shows its colour, its icon and its word, so colour-blind readers get it too.
- ✕ Bad update
#D72728Dark mode #F1443E - ? Needs a look
#9C6303Dark mode #CA8905 - ✓ Last good version
#2E69B2Dark mode #5491DC
Type
- HeadingsInter Tight, SemiBold 600 and Bold 700
- BodyInter, Regular 400, Medium 500 and SemiBold 600
- LabelsIBM Plex Mono, for package names, versions and labels
All three are free on Google Fonts.
Voice
Write for the owner of a small company, not a security team. Use plain words, short sentences and active voice. Name what the update can now do. Give real numbers and real package names. Do not use fear words or hype.
- WriteVigilance puts back the last good version, so your team keeps working.
- NotSeamless rollback ensures zero downtime.
- NameSay "Vigilance" in copy. "VigiHQ" is only the web address.