DocuSign color in web and social application

Summary

An applied-color page: the palette shown in context across a product signup card, a lavender chat thread, a cobalt "One platform" marketing hero, and a search-driven dashboard mockup.

Visual description

Standard page chrome ("Color" / "Color Combinations", page "32"). The left column heading "Color Combinations" sits over a short paragraph about applying the palette to web and social work. The right two-thirds is a bento of UI mockups: top-left, a white signup card ("Create, sign and store your agreements") with a warm photo of a person and a cobalt "Create Account" button; bottom-left, a pale lavender chat thread with avatar bubbles ("Blake Hayes", "Olivia Lee") and a message composer; right, a deep violet hero panel reading "Every agreement. One platform." in oversized white type over a white "Find an agreement" search field, with a framed dashboard screenshot (search results, filters, a donut chart) outlined in poppy, and the white docusign lockup at the base.

Key takeaway

Proving the palette in real product and marketing surfaces, rather than swatches, shows how the colors behave as backgrounds, accents, and UI. The poppy outline on the dashboard frame demonstrates the accent-as-stroke rule in a live composition.

Reuse notes

A reusable "color in context" page for any system that ships both marketing and product UI. Show a mix of light and dark surfaces and at least one real screenshot so the palette is seen doing actual work, not just sitting in blocks.