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.

  • Logo

    Full color, for white and light backgrounds.

  • Logo for dark backgrounds

    The blue mark, with our name in white.

  • Black logo

    One color, for print and engraving.

  • White logo

    One color, for photos and our blue.

  • Mark

    For app icons, avatars and small spaces.

  • White mark

    The mark in one color.

  • Wordmark

    Our name alone, where the mark is already shown.

  • White wordmark

    Our name alone, in white.

Space and size

Give the logo room, and show it large enough to read.

The DocSpring logo, with clear space around it

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.

100px
The DocSpring mark, 16 pixels tall 16px

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.

  • The full-color logo on white

    On white: the full-color logo

  • The logo for dark backgrounds on ink

    On a dark color: the logo for dark backgrounds

  • The white logo on DocSpring blue

    On our blue: the white logo

  • The black logo on white

    In one ink: the black logo

The DocSpring logo Your 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 Fonts

Inter

Body text in Regular (400), and labels and buttons in Medium (500) and SemiBold (600).

Inter on Google Fonts

Our 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.

Product news by email

New features and changes, once a month.