Preview image. Unlock full-res
Applied color page showing the palette in context across a sign-up screen, a deep-violet "One platform" promo, and a lilac chat UI mockup.
Summary
An applied-color page putting the palette into product context: a light sign-up screen with a photo, a deep-violet "Every agreement. One platform." promo with a glass search bar and dashboard, and a lilac chat-thread mockup.
Visual description
Two-column layout, heading "Color Combinations" over short copy on applying the palette to web and social. The right side is a bento of in-context mockups. Top left, on warm ecru, a "docusign" sign-up card ("Create, sign and store your agreements") pairs a white form with a warm photo of a woman on a tablet and a "Connected agreements." caption. Top right, a deep-violet panel carries oversized white type "Every agreement. One platform." above a glassmorphic "Find an agreement" search bar and a floating product dashboard screenshot framed in cobalt and poppy. Lower left, a pale lilac zone shows a chat-thread mockup with avatar bubbles ("Blake Hayes", "Olivia Lee") and a rich-text composer ending in a cobalt "Post" button; the Nexus logo sits bottom right.
Key takeaway
Proving a palette by building real product surfaces with it rather than abstract swatches: a light conversion screen, a dark hero, and a soft UI moment, each weighting the colors per the ratio rules. The glass search bar over deep violet shows the brand's glassmorphism in situ.
Reuse notes
The page that makes a color system believable to stakeholders. Reuse the "three real surfaces in one bento" approach to show light, dark, and tinted applications together. Needs convincing product mockups and one good photo to carry it. Pairs with the physical/OOH applied pages that follow.
From this deck: Docusign color combinations applied to web and social
View deck
