
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.





















