Inspiration by VASA Works
Get started

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, editorial, minimal, vibrant
Cover
Contents table of contents, editorial, minimal, dark
Contents
Introduction section opener, editorial, minimal, dark
Section
Introduction overview copy, editorial, minimal, dark
Body Copy
Introduction vision copy, editorial, minimal, dark
Vision
Brand Strategy section opener, editorial, minimal, vibrant
Section
Brand Strategy diagram, editorial, minimal, light
Diagram
Brand Promise statement, editorial, gradient-heavy, vibrant
Statement
Creative platform Dynamic Connection, editorial, minimal, light
Framework
Visual principle Connection, editorial, minimal, light
Brand Elements
Visual principle Dynamism, editorial, minimal, light
Brand Elements
Name capitalization do and don't, editorial, minimal, dark
Logo Usage
Logo section opener, editorial, technical, vibrant
Section
Icon and wordmark anatomy, editorial, minimal, light
Logo Usage
The Nexus icon construction, editorial, minimal, dark
Logo Usage
Docusign wordmark construction, editorial, minimal, light
Typography
Docusign horizontal and vertical lockups, editorial, minimal, light
Logo Usage
Docusign logo clear space, editorial, minimal, light
Logo Usage
Docusign trademark placement, editorial, minimal, light
Logo Usage
Docusign IAM lockup, editorial, minimal, light
Logo Usage
Docusign tagline lockup, editorial, minimal, light
Logo Usage
Docusign logo misuse grid, editorial, minimal, light
Logo Usage
Docusign light and dark logo versions, editorial, minimal, light
Logo Usage
Docusign one-color logo version, editorial, minimal, vibrant
Logo Usage
Docusign logo color misuse grid, editorial, minimal, vibrant
Logo Usage
Docusign co-branding lockups, editorial, minimal, light
Partners
Docusign usage guidelines statement, editorial, minimal, dark
Governance
Color section opener, editorial, minimal, vibrant
Section
Docusign brand palette, editorial, minimal, vibrant
Color Palette
Docusign color usage and ratios, editorial, minimal, vibrant
Color Palette
Docusign suggested color pairings, editorial, minimal, vibrant
Color Palette
Docusign color combinations applied to web and social, editorial, minimal, vibrant
Layout
Docusign color applied to physical and digital, editorial, minimal, vibrant
Layout
Accessibility WCAG color combinations, corporate-clean, light-mode, light
Color Palette
Color misuse do-not grid, corporate-clean, light-mode, light
Color Palette
Approved gradients Pearl Atmosphere Haze Glow, corporate-clean, light-mode, light
Color Palette
Light and dark theme spectrum, corporate-clean, light-mode, light
Color Palette
Typography section opener, dark-mode, technical, dark
Section
DS Indigo brand typeface, corporate-clean, light-mode, light
Typography
DS Indigo weights specimen, dark-mode, corporate-clean, dark
Typography
Typographic hierarchy headline subhead body, corporate-clean, light-mode, light
Typography
Type styling alignment tracking leading, dark-mode, corporate-clean, dark
Typography
Line length character count guide, corporate-clean, light-mode, light
Typography
Color in typography text-on-fill pairings, corporate-clean, light-mode, light
Typography
Type misuse do-not grid, corporate-clean, light-mode, light
Typography
System fallback fonts Helvetica Arial, corporate-clean, light-mode, light
Typography
Visual Elements section opener, dark-mode, technical, dark
Section
Core geometric shapes, corporate-clean, light-mode, light
Brand Elements
The shape of agreements dog-eared document, corporate-clean, light-mode, light
Brand Elements
Pictograms spot illustration set, corporate-clean, light-mode, light
Iconography
Pictogram construction rules, corporate-clean, light-mode, light
Iconography
Docusign illustration system on isometric grid, 3d-render, illustrated, vibrant
Layout
Docusign Intersections overlapping geometry, editorial, gradient-heavy, vibrant
Layout
Docusign Intersections as background patterns, dark-mode, gradient-heavy, dark
Layout
Docusign glassmorphism over photography, glassmorphism, dark-mode, dark
Layout
Docusign glassmorphic isometric illustration, glassmorphism, 3d-render, dark
Layout
Docusign glassmorphic gradient textures, glassmorphism, gradient-heavy, vibrant
Imagery
Docusign data visualization system, data-dense, minimal, light
Data Chart
Docusign Product Imagery section opener, gradient-heavy, dark-mode, vibrant
Section
Docusign representing product imagery, gradient-heavy, dark-mode, dark
Product Overview
Docusign high-fidelity interfaces, light-mode, technical, light
Screenshot
Docusign simplified interfaces, gradient-heavy, dark-mode, vibrant
Screenshot
Docusign interfaces in photography, photographic, minimal, cool
Photo
Docusign stylized device frames, minimal, gradient-heavy, high-contrast
Layout
Docusign Photography section opener, photographic, editorial, warm
Section
Docusign photography principles, dark-mode, editorial, dark
Imagery
Docusign portrait photography, editorial, photographic, light
Imagery
Docusign context, industry, and landscape photography, editorial, photographic, cool
Imagery
Docusign photography checklist, dark-mode, minimal, dark
Finding
Docusign photography do and don't gallery, editorial, minimal, light
Imagery
Docusign post-production grading don't, editorial, minimal, light
Imagery
Docusign Nexus photo-masking container grid, editorial, minimal, light
Imagery
Docusign document-shape photo containers, editorial, minimal, vibrant
Imagery
Docusign simple-stroke photo overlays, editorial, minimal, vibrant
Imagery
Docusign textured-stroke overlay hero example, editorial, minimal, light
Imagery
Docusign Video/Motion section opener, gradient-heavy, dark-mode, vibrant
Section
Docusign video funnel content matrix, editorial, minimal, light
Framework
Docusign Inspire Engage Inform content intent, editorial, minimal, light
Framework
Docusign content-by-platform dot matrix, editorial, minimal, light
Data Chart
Docusign video art direction grid, editorial, minimal, light
Imagery
Docusign B-roll and licenses page, editorial, minimal, light
Imagery
Docusign video grid and composition spec, minimal, technical, vibrant
Layout
Docusign lower-thirds spec, editorial, minimal, light
Layout
Docusign XL lower-third spec, editorial, minimal, light
Layout
Docusign subtitle guidelines do and don't, editorial, minimal, light
Layout
Docusign video logo placement spec, minimal, technical, light
Logo Usage
Docusign video casting page, editorial, minimal, light
Imagery
Docusign wardrobe do and don't gallery, editorial, minimal, light
Imagery
Docusign Appendix section divider, gradient-heavy, 3d-render, vibrant
Section
Docusign app icon on a phone home screen, minimal, light-mode, light
Mockup
Docusign social profile icon and banner, minimal, light-mode, light
Mockup
Docusign brand microsite on mobile, photographic, minimal, light
Mockup
Docusign University splash on laptop, photographic, 3d-render, light
Mockup
Docusign IAM landing page on laptop, photographic, gradient-heavy, light
Mockup
Docusign in-feed social posts, minimal, dark-mode, dark
Mockup
Docusign social media stories, minimal, light-mode, light
Mockup
Docusign rotating text headlines frame, minimal, dark-mode, dark
Mockup
Docusign vertical billboard out of home, photographic, minimal, light
Mockup
Docusign transit poster triptych, photographic, minimal, light
Mockup
Out of home transit poster mockup, editorial, minimal, light
Mockup
Out of home vertical banner mockup, editorial, minimal, light
Mockup
Out of home wide-format billboard mockup, editorial, minimal, light
Mockup
Docusign Brand Identity Guidelines 2024 — full deck · Inspiration by VASA Works