No. 08 of 106

Image Hotspot

Numbered points on a photo or map.

    On this page
  1. Hover any dot to explain it
  2. Tap the plus to open
  3. A guided feature list
  4. Let the image walk you through
  5. Labels that never hide
Marker 01 · Pulse Dot

Pulsing dots with a light card popover. The rest of the image dims so the point in focus stands out.

dashboard interactive demo — NewsOn
Marker 03 · Plus Button

Click-to-open plus buttons with a dark card — great for touch devices and product close-ups.

phone interactive demo — NewsOn
Layout · Image + Side List

Numbered markers on the image and a synced list beside it. Hover or click either side and both light up together.

room interactive demo — NewsOn
Your smart home
Trigger · Guided Tour

An auto-playing tour with previous / next, play / pause and progress dots. Gradient orbs and a frosted-glass popover.

dashboard interactive demo — NewsOn
Marker 06 · Label Pill · Always visible

Every point shows its name and a compact tooltip at once — ideal for a small number of clear callouts.

room interactive demo — NewsOn
Marker 05 · Icon Bubble

A different icon per point and a bold gradient card. The popover automatically flips to stay inside the image.

phone interactive demo — NewsOn
Marker 02 · Target Ring

A crisp glass ring marker with the compact dark tooltip — subtle enough to keep the picture clean.

room interactive demo — NewsOn