Inspecting elements

Updated

What is inspect mode?

Inspect mode lets you point at any element on the page to see its visual properties — dimensions, spacing, typography, and colors. It works in the website review view and in the web app widget on your own site.

Who can use it

In website projects, inspect mode is available to signed-in workspace members. On a shared review link, guests can still leave and read comments, but inspect mode is not part of the guest view. In the web app widget, anyone who can see the widget — including guests — can use inspect mode.

How to use it

Press I on your keyboard to enter inspect mode, or select Inspect from the mode switcher. Hover over the page to highlight elements, then click one to open the inspect sidebar.

To leave inspect mode, switch back to Browse (press B). Press Escape to clear the selected element or close the sidebar. In the web app widget, pressing I again also toggles inspect mode off.

What it shows

Layout

  • Width and height
  • Padding (top, right, bottom, left)
  • Margin (top, right, bottom, left)
  • Border radius (each corner)

Typography

  • Font family
  • Font size
  • Font weight
  • Line height
  • Letter spacing
  • Text color

Colors

  • Background color
  • Text color
  • Border color and width (per side)

This is handy for checking spacing, type, and colors during a design review without opening any developer tools.

Related articles

Speed up your review cycle

Collect feedback in minutes, not days.

Review anything with your teamNo more email threads or Slack messagesAll feedback in a shared workspace