Dovetail orange product feature with floating UI

Dovetail orange product feature with floating UI, light-mode, corporate-clean, light

Preview image. Unlock full-res

Feature-detail section with a left intro and a large orange canvas holding a layered product UI mockup, set under a tabbed sub-nav.

Summary

A feature-detail block that drops a layered product mockup onto a big flat-orange canvas, with a small "Projects" eyebrow label, an oversized headline, and a tabbed row of feature switchers below.

Visual description

Top-left, a small square orange app icon and a "Projects" eyebrow sit above a bold two-line headline ("Data in, insights out / AI does the work"), a short paragraph, and a solid orange "Explore projects" button. Below spans a large rounded orange panel that crops off-frame to the right; floating over it is a stacked product UI: a video-player card with a Dovetail toolbar (Projects / Ask Dovetail / Channels / Recruit), a filmstrip of thumbnails, and a comment popover with avatars and replies, plus a small line-art easel motif at the top edge. A thin tabbed row beneath shows three feature switchers ("Magic analysis", "Discover insights", "Drive action"), with the third active under an orange underline.

Key takeaway

The flat-color canvas plus a layered, slightly overlapping UI mockup gives depth without a screenshot frame. The eyebrow-plus-icon label ties the feature to a named product area, and the underlined tab row signals there is more to see in the same slot.

Reuse notes

Good for walking through one product capability at a time when you have polished UI to show. The bright canvas color is doing heavy lifting, so the mockup must be clean against it. The tab row implies the orange canvas swaps content per tab, so plan multiple states.

More feature detail sections

See all

More like this