Product Imagery section divider

Product Imagery section divider, gradient-heavy, dark-mode, vibrant

Preview image. Unlock full-res

Full-bleed violet section divider for Product Imagery, with a stylized phone showing a Docusign chat notification and an oversized chapter title.

Summary

The full-bleed section divider opening the Product Imagery chapter, built around a large stylized phone showing a Docusign chat notification, with the numbered chapter title set oversized in the corner.

Visual description

Edge-to-edge royal-blue/violet gradient field with no left text column. A large white phone frame, drawn with a thin poppy gradient stroke and rounded corners, fills the upper-center and shows a chat header ("Docusign" with a green verified badge) and a glassmorphic notification bubble reading "Linda Simon has sent you a Docusign document to view & sign" with a circular avatar. Bottom right, a cream rounded panel notches into the layout carrying the chapter marker: a violet "7" beside "Product Imagery" in large dark sans-serif. The small white running header sits top-left, page number top-right.

Key takeaway

The chapter-opener pattern: one big on-brand product mockup floating on a gradient field, with the numbered title tucked into a notched corner panel rather than centered. It previews the chapter's subject and its visual rules at once.

Reuse notes

A strong template for numbered section dividers in long decks or guidelines. The notched corner panel for the chapter number is reusable across sections. Needs a representative hero mockup per chapter to carry the field.

From this deck: Product Imagery section divider

View deck

More like this