Brand guidelines
Our logo, colors and type, for when you write about DocSpring, list us as an integration, or show our logo beside yours.
Logo files
SVG files stay sharp at any size. Use a PNG where SVG won't work, like an email or a slide.
Space and size
Give the logo room, and show it large enough to read.
Clear space
Keep a space around the logo at least half as tall as the mark (x on the drawing), with no text, edges or other logos in it.
Smallest size
Show the logo at least 100px wide on a screen, or 25mm in print. Where it would be smaller, use the mark alone, at least 16px tall.
Backgrounds
Put the full-color logo on white or a light background, and the logo for dark backgrounds on a dark one. On our blue or a photo, use the white logo.
-
On white: the full-color logo
-
On a dark color: the logo for dark backgrounds
-
On our blue: the white logo
-
In one ink: the black logo
Beside another logo
- Make the two logos look the same size
- Keep clear space between them, with a thin line if you like
- Keep them apart: no shared shapes, colors or frames
Keep the logo as it is
Use the files as they are, and don't redraw them.
-
Don't stretch or squash it
-
Don't change its colors
-
Don't retype our name
-
Don't rotate or tilt it
-
Don't add shadows or effects
-
Don't move the mark
Colors
Our blue and ink, on white. Copy a value to use it.
-
DocSpring blue
The mark. Not for text: it has 3.4:1 contrast on white.
- HEX
-
#3C8EE0 - RGB
-
60, 142, 224
-
Ink
Our name in the logo, and headings.
- HEX
-
#161F28 - RGB
-
22, 31, 40
-
White
Backgrounds, and the dot and bars in the mark.
- HEX
-
#FFFFFF - RGB
-
255, 255, 255
-
Action blue
Buttons and links, where text has to be read: 5.0:1 on white.
- HEX
-
#0371C8 - RGB
-
3, 113, 200
Type
Headings and our name are set in Source Serif 4, and everything else in Inter. Both are free under the SIL Open Font License.
Source Serif 4
Headings, in SemiBold (600). Our name in the logo is Source Serif 4 SemiBold too, drawn as shapes in the logo files, so you don't need the font to use them.
Source Serif 4 on Google FontsInter
Body text in Regular (400), and labels and buttons in Medium (500) and SemiBold (600).
Inter on Google FontsOur name
Write DocSpring as one word, with a capital D and S. Use lowercase only where a web address or code needs it, as in docspring.com. Our company is DocSpring, Inc.
- DocSpring
-
Docspring -
Doc Spring -
DOCSPRING -
Doc-Spring
Questions about our brand?
Ask us about anything these guidelines don't cover, like our logo in an ad or on merchandise.