Placement

When placing the signNow logo within an app or website, optimal legibility should be your first priority. The safe zone defines the legibility of the logo by isolating it from competing visual elements such as other text and supporting graphics. Consider it as the minimum spacing distance from a page edge, object, text or image.

Usage on backgrounds

The full-color logo should only be used on white backgrounds. Please use the single-color logo for black or colored backgrounds. You can also select colors from the brand palette for your background. When adding a background photo, use the colors from the brand palette at 80% opacity.

background thumb
background thumb

Guidance

Correct and consistent use of the signNow logo is an essential part of building brand equity. When placing the logo, be sure not to rearrange or resize any of its elements, apply any stylistic adjustments, add additional art or information, or place the logo on visually distracting backgrounds.

Do not rotate the logo
Do not change the logo color
Do not apply a gradient to the logo
background thumb
Do not outline the logo
Do not distort or warp the logo
logo thumb
Do not use masks or any other effects

Typography

signNow headlines are set in the Open Sans Font Family: Regular, Semibold, Bold and Extrabold & Graphik Font Family for Heading: only Bold. Do not set in all caps or all lowercase. Set the tracking to 0.

Graphik Font Family
64px
/
52px
/
40px
/
24px
/
20px
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!?@#%^&*(_)+=-: <>
Open Sans Font Family
20px
/
16px
/
14px
/
12px
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890!?@#%^&*(_)+=-: <>

Colors

The signNow palette is based on a contrast of cool and warm colors in proportion with airy white. We like bright colors but always try to create the most comfortable color harmony.

Primary Brand Colors

Our primary brand colors are blue, dark blue, orange and white. They are used to provide accessibility, simplicity and consistency throughout all brand communications.

Blue
HEX – #0088CERGB – 0 136 206
White
HEX – #FFFFFFRGB – 255 255 255
Dark Blue
HEX – #111F4BRGB – 17 31 75
Orange
HEX – #FF9001RGB – 255 144 1

Secondary Colors

We use secondary colors to accent UI elements. We use green, yellow and lilac in patterns, graphic elements and illustrations. We use bright gray for backgrounds and dark gray for text.

Green
HEX – #00C6B1RGB – 0 198 177
Yellow
HEX – #FFC537RGB – 255 197 55
Purple
HEX – #CCAEFFRGB – 204 174 255
Dark Grey
HEX – #414141RGB – 65 65 65
Medium Grey
HEX – #E1E1E1RGB – 225 225 225
Light Grey
HEX – #F9F9F9RGB – 249 249 249

Usage Proportions

When designing brand materials, please follow the proportions. White color is a primary accent in a composition when balanced with blue and dark blue. Use orange to accent some elements.

Main colors
Secondary colors