DS_Logo_Pinkinmotion.gif

The DocuSign Library

Branding + Illustration

The DocuSign Library contains a system for templates, illustrations, and color palettes for the DocuSign team. It’s easy and ready to use for graphic design use.

Check out this dope video sneak peaking our design system!


Templates

An Easier Way to Make Graphics

These were designed for the in-house DocuSign team. These templates allowed them to crank out graphics by simply picking out an illustration and choosing a title.

There are great for video covers, ads, and social media.

The DocuSign Developer team is still using it to this day.

DS_Temaplate1.gif
social-code2.png
DS_template5.gif
social-code5.gif
Square212.gif

Illustrations

A Library of Squares, Circles, and Arrows

The illustration library contains over 100+ Illustrations. They’re abstract, so you can choose any illustration with any template.


Squares

Circles

Arrows


Color Palettes

A Multitude of Color Palettes

The design library also has a tight color system. Each color palette has a pop of highlighter color.

Monochromatic

Acid

Neon


Micro Animations

Signing Away

Micro animations were made to showcase DocuSign Developer’s UI. You could use it for marketing material.


DEVCON

Applying the Design Library to Their Annual Conference

This design library and system was applied to DEVCON, the 2021 DocuSign Developer Conference. The branding for the event relied on DocuSign’s affinity for shapes and rainbow-like colors.

A lot of the examples here range from proposals to final use.


Swag and Web

Embracing Gradients and Color

It does make me happy that the branding was so vibrant. It was cool seeing my illustrations on the main web page and the logo used for swag.