Docusign Brand Identity Guidelines 2024
A 102-page Docusign brand identity guideline deck built on an electric-violet and deep-indigo system, geometric DS Indigo type, the dog-eared "Nexus" mark, and a consistent label-left / content-right page grammar.
102 slides · Guideline
View deck overview
Docusign brand guidelines cover
Contents table of contents
Introduction section opener
Introduction overview copy
Introduction vision copy
Brand Strategy section opener
Brand Strategy diagram
Brand Promise statement
Creative platform Dynamic Connection
Visual principle Connection
Visual principle Dynamism
Name capitalization do and don't
Logo section opener
Icon and wordmark anatomy
The Nexus icon construction
Docusign wordmark construction
Docusign horizontal and vertical lockups
Docusign logo clear space
Docusign trademark placement
Docusign IAM lockup
Docusign tagline lockup
Docusign logo misuse grid
Docusign light and dark logo versions
Docusign one-color logo version
Docusign logo color misuse grid
Docusign co-branding lockups
Docusign usage guidelines statement
Color section opener
Docusign brand palette
Docusign color usage and ratios
Docusign suggested color pairings
Docusign color combinations applied to web and social
Docusign color applied to physical and digital
Accessibility WCAG color combinations
Color misuse do-not grid
Approved gradients Pearl Atmosphere Haze Glow
Light and dark theme spectrum
Typography section opener
DS Indigo brand typeface
DS Indigo weights specimen
Typographic hierarchy headline subhead body
Type styling alignment tracking leading
Line length character count guide
Color in typography text-on-fill pairings
Type misuse do-not grid
System fallback fonts Helvetica Arial
Visual Elements section opener
Core geometric shapes
The shape of agreements dog-eared document
Pictograms spot illustration set
Pictogram construction rules
Docusign illustration system on isometric grid
Docusign Intersections overlapping geometry
Docusign Intersections as background patterns
Docusign glassmorphism over photography
Docusign glassmorphic isometric illustration
Docusign glassmorphic gradient textures
Docusign data visualization system
Docusign Product Imagery section opener
Docusign representing product imagery
Docusign high-fidelity interfaces
Docusign simplified interfaces
Docusign interfaces in photography
Docusign stylized device frames
Docusign Photography section opener
Docusign photography principles
Docusign portrait photography
Docusign context, industry, and landscape photography
Docusign photography checklist
Docusign photography do and don't gallery
Docusign post-production grading don't
Docusign Nexus photo-masking container grid
Docusign document-shape photo containers
Docusign simple-stroke photo overlays
Docusign textured-stroke overlay hero example
Docusign Video/Motion section opener
Docusign video funnel content matrix
Docusign Inspire Engage Inform content intent
Docusign content-by-platform dot matrix
Docusign video art direction grid
Docusign B-roll and licenses page
Docusign video grid and composition spec
Docusign lower-thirds spec
Docusign XL lower-third spec
Docusign subtitle guidelines do and don't
Docusign video logo placement spec
Docusign video casting page
Docusign wardrobe do and don't gallery
Docusign Appendix section divider
Docusign app icon on a phone home screen
Docusign social profile icon and banner
Docusign brand microsite on mobile
Docusign University splash on laptop
Docusign IAM landing page on laptop
Docusign in-feed social posts
Docusign social media stories
Docusign rotating text headlines frame
Docusign vertical billboard out of home
Docusign transit poster triptych
Out of home transit poster mockup
Out of home vertical banner mockup
Out of home wide-format billboard mockup