Diopter

Coach marks

Use this section to import its canvas into your workspace, then remix it into your own design — same layout, components & styling.

Visit site

Coach mark in Diopter's UX-research study builder, explaining what steps are before adding them to a checkout-flow study. Style: flat research SaaS, light white/grey, teal and slate accents. Layout: icon rail plus three columns — step list, settings, preview. Components: dark tooltip on Add step, Compose/Distribute/Responses tabs, Greeting and Wrap-up step cards, Pro-gated toggle, preview pane with Begin session button. Vibe: methodical, calm, research ops.

agent.kombai.com/kombai-inspiration-library/sections/coach-marks/web/17/index.html