Brand
The VPS Snaps brand
Logos, colors, type, social banners and the right words. Free to use when you write about VPS Snaps or link to it.
Logo
Three bars, like stacked snapshots, and the name. Use the files as they are.
The SVG files draw the name in Geist. If Geist isn't installed where you open them, the name falls back to another font: use the PNG instead.
- Leave clear space around the logo at least half the height of the mark on every side.
- Keep the full logo at least 120 pixels wide on screen, and the mark at least 16 pixels.
- Use the purple logo on white or light backgrounds and the white one on dark backgrounds or photos.
- Don't recolor it, stretch it, rotate it, outline it, add shadows, or rearrange the mark and the name.
- Don't put the purple logo on a purple or busy background. Use the white one instead.
Colors
Snap Purple is the brand. Everything else supports it. These are the exact values the site uses.
Snap Purple
- HEX
- #5154f0
- RGB
- 81, 84, 240
- CSS
- --primary
The logo mark, buttons and links. The brand colour.
Purple on dark
- HEX
- #8587f4
- RGB
- 133, 135, 244
- CSS
- --primary-on-dark
Purple text on a dark background. Never on white: too faint to read.
Mark, middle bar
- HEX
- #7d7ff4
- RGB
- 125, 127, 244
The logo's middle bar flattened onto white, for single-colour or print use where transparency is not available.
Mark, bottom bar
- HEX
- #a8aaf8
- RGB
- 168, 170, 248
The logo's bottom bar flattened onto white, as above.
Ink
- HEX
- #020817
- RGB
- 2, 8, 23
- CSS
- --foreground
Body text, headings and the wordmark on a light background.
Night
- HEX
- #0a0b14
- RGB
- 10, 11, 20
The background of the share image and the social banners.
Slate
- HEX
- #0f172a
- RGB
- 15, 23, 42
Dark panels on the site and the email header.
Muted text
- HEX
- #5c6a80
- RGB
- 92, 106, 128
- CSS
- --muted-foreground
Secondary text: captions, help text, dates.
Mist
- HEX
- #f1f5f9
- RGB
- 241, 245, 249
- CSS
- --muted
Light panels and backgrounds behind cards.
Line
- HEX
- #e2e8f0
- RGB
- 226, 232, 240
- CSS
- --border
Borders and dividers.
White
- HEX
- #ffffff
- RGB
- 255, 255, 255
- CSS
- --background
The page background, and the mark on dark grounds.
Typography
Geist for everything, Geist Mono for code. Both are free.
Geist
Backups you can prove
Bold (700) for headings, semibold (600) for labels, regular (400) for text.
Geist on Google FontsGeist Mono
pg_dump --format=custom
For commands, code, file names and hex codes.
Geist Mono on Google FontsSocial banners
Sized for each platform, with the logo kept inside the area every device shows. They are drawn from the logo, so they are always current.
X (Twitter) header
1500 × 500
LinkedIn company page cover
1128 × 191
LinkedIn profile background
1584 × 396
Facebook page cover
1640 × 624
YouTube channel banner
2560 × 1440
Profile picture, any platform
800 × 800
The card shown when a vpssnaps.com link is shared, 1200 × 630: open it.
Name and descriptions
How to write the name, and ready-made descriptions for directories, listings and articles.
Write it as VPS Snaps: two words, “VPS” in capitals, a capital S on “Snaps”. Not VPSSnaps, VPS-Snaps or VPS snaps.
One line
Automated server backups and cloud snapshots on eight clouds, kept in storage you own.
Short
Automated server backups and cloud snapshots on eight clouds, kept in storage you own, with scheduled test restores, uptime monitoring and recovery servers.
Paragraph
VPS Snaps is a SaaS platform that automates infrastructure backups for developers and agencies. It connects to your servers and cloud providers to run scheduled backups, storing everything to S3-compatible storage you control. VPS Snaps never hosts your backup data itself.
Something not here, or a question about using the brand? [email protected] or the contact page.