Browser Extension · Comment Layer for the Web

Whisper on any webpage

Highlight text or mark any spot to add a whisper — right on the page you are reading.Mine — for you only. World — for everyone.

Chrome Store10K+ Active Annotators
https://domwhisper.com

Understanding Attention

By Sarah Chen · 8 min read

Attention is the allocation of limited cognitive resources to the information that matters most. It decides what reaches awareness, memory, and action.

Alpine landscape

The Alpine landscape above the timberline — a common target for wandering attention.

In psychology, attention acts as a filter that decides which stimuli reach conscious awareness and which fade quietly into the background.

The practical upshot for designers is simple: respect the reader's limited bandwidth, and your interface will win in the long run.

  • Group related information to reduce scanning effort.
  • Minimize distractions around the actions that matter.
  • Match the pace of the interface to the attention budget.

Making attention sustainable

Designers can steer attention by keeping the hierarchy obvious and the paths short. A clear heading, a single focal image, and sparing use of emphasis keep people oriented long enough to actually finish reading.

Attention is partly a habit — the more a page rewards it, the easier it is to sustain. When the layout does the focusing for the reader, their attention is spent on the content rather than on rediscovering it.

Readability is just one half of the story. The other half is how a page cooperates with the reader's intentions instead of fighting them — a few well-placed cues go a long way.

In short
The layout should do the focusing for the reader — so their attention is spent on the content, not on rediscovering it.
Adding this to my bucket list!
just nowPrivate
Add a whisper...
DomWhisper
Enable highlighter on
domwhisper.com

No annotations found

Select text or click "Annotate Anywhere" to create your first whisper on this page

Uuser

Three ways to pick a spot

Pin a discussion point by clicking, highlight a sentence to talk about, or draw freehand — whatever fits how you read.

PointClick any DOM element for a precise discussion point
SelectionSelect text to discuss the exact sentence people care about
DrawFreehand drawing with an in-place snapshot restore

Annotation · Community

Keep private notes on a spot, or read every public discussion the community started on the same position of the same page.

Annotation · PrivateCommunity discussions

Keep your notes as a knowledge base

All your personal annotations stay organized and export to your second brain — Obsidian, Notion, and Markdown.

Obsidian Notion.md
Text Selection

Select a sentence to talk about

Drag across any text to pin an exact sentence — the anchor stays anchored to those words, and your whisper drops right there on the page.

https://domwhisper.com

Understanding Attention

By Sarah Chen · 8 min read

Attention is the allocation of limited cognitive resources to the information that matters most. It decides what reaches awareness, memory, and action.

Alpine landscape

The Alpine landscape above the timberline — a common target for wandering attention.

In psychology, attention acts as a filter that decides which stimuli reach conscious awareness and which fade quietly into the background.

The practical upshot for designers is simple: respect the reader's limited bandwidth, and your interface will win in the long run.

  • Group related information to reduce scanning effort.
  • Minimize distractions around the actions that matter.
  • Match the pace of the interface to the attention budget.

Making attention sustainable

Designers can steer attention by keeping the hierarchy obvious and the paths short. A clear heading, a single focal image, and sparing use of emphasis keep people oriented long enough to actually finish reading.

Attention is partly a habit — the more a page rewards it, the easier it is to sustain. When the layout does the focusing for the reader, their attention is spent on the content rather than on rediscovering it.

Readability is just one half of the story. The other half is how a page cooperates with the reader's intentions instead of fighting them — a few well-placed cues go a long way.

In short
The layout should do the focusing for the reader — so their attention is spent on the content, not on rediscovering it.
This is a great insight on attention!
just nowPrivate
Add a whisper...
Freehand Draw

Draw on the page, anywhere

Switch to draw and sketch freehand over any element. DomWhisper keeps an in-place snapshot so your drawing always lands back exactly where you left it.

https://domwhisper.com

Understanding Attention

By Sarah Chen · 8 min read

Attention is the allocation of limited cognitive resources to the information that matters most. It decides what reaches awareness, memory, and action.

Alpine landscape

The Alpine landscape above the timberline — a common target for wandering attention.

In psychology, attention acts as a filter that decides which stimuli reach conscious awareness and which fade quietly into the background.

The practical upshot for designers is simple: respect the reader's limited bandwidth, and your interface will win in the long run.

  • Group related information to reduce scanning effort.
  • Minimize distractions around the actions that matter.
  • Match the pace of the interface to the attention budget.

Making attention sustainable

Designers can steer attention by keeping the hierarchy obvious and the paths short. A clear heading, a single focal image, and sparing use of emphasis keep people oriented long enough to actually finish reading.

Attention is partly a habit — the more a page rewards it, the easier it is to sustain. When the layout does the focusing for the reader, their attention is spent on the content rather than on rediscovering it.

Readability is just one half of the story. The other half is how a page cooperates with the reader's intentions instead of fighting them — a few well-placed cues go a long way.

In short
The layout should do the focusing for the reader — so their attention is spent on the content, not on rediscovering it.
What a stunning view!
just nowPrivate
Add a whisper...
DomWhisper
Enable highlighter on
domwhisper.com

No annotations found

Select text or click "Annotate Anywhere" to create your first whisper on this page

Uuser
Your Anchors

Every annotation, in one panel

All your points, highlights and drawings live in the side panel — locate one and jump straight back to the original spot on the page.

https://domwhisper.com

Understanding Attention

By Sarah Chen · 8 min read

Attention is the allocation of limited cognitive resources to the information that matters most. It decides what reaches awareness, memory, and action.

Alpine landscape

The Alpine landscape above the timberline — a common target for wandering attention.

In psychology, attention acts as a filter that decides which stimuli reach conscious awareness and which fade quietly into the background.

The practical upshot for designers is simple: respect the reader's limited bandwidth, and your interface will win in the long run.

  • Group related information to reduce scanning effort.
  • Minimize distractions around the actions that matter.
  • Match the pace of the interface to the attention budget.

Making attention sustainable

Designers can steer attention by keeping the hierarchy obvious and the paths short. A clear heading, a single focal image, and sparing use of emphasis keep people oriented long enough to actually finish reading.

Attention is partly a habit — the more a page rewards it, the easier it is to sustain. When the layout does the focusing for the reader, their attention is spent on the content rather than on rediscovering it.

Readability is just one half of the story. The other half is how a page cooperates with the reader's intentions instead of fighting them — a few well-placed cues go a long way.

In short
The layout should do the focusing for the reader — so their attention is spent on the content, not on rediscovering it.
DomWhisper
Enable highlighter on
domwhisper.com
Attention is the allocation of limited cognitive resources
1 whisper
Alpine landscape
1 whisper
Uuser
Community

Feel the thoughts of the whole web

Switch to the World tab to read how readers everywhere reacted to the very same spot — then share a moment as a beautiful card.

https://domwhisper.com

Understanding Attention

By Sarah Chen · 8 min read

Attention is the allocation of limited cognitive resources to the information that matters most. It decides what reaches awareness, memory, and action.

Alpine landscape

The Alpine landscape above the timberline — a common target for wandering attention.

In psychology, attention acts as a filter that decides which stimuli reach conscious awareness and which fade quietly into the background.

The practical upshot for designers is simple: respect the reader's limited bandwidth, and your interface will win in the long run.

  • Group related information to reduce scanning effort.
  • Minimize distractions around the actions that matter.
  • Match the pace of the interface to the attention budget.

Making attention sustainable

Designers can steer attention by keeping the hierarchy obvious and the paths short. A clear heading, a single focal image, and sparing use of emphasis keep people oriented long enough to actually finish reading.

Attention is partly a habit — the more a page rewards it, the easier it is to sustain. When the layout does the focusing for the reader, their attention is spent on the content rather than on rediscovering it.

Readability is just one half of the story. The other half is how a page cooperates with the reader's intentions instead of fighting them — a few well-placed cues go a long way.

In short
The layout should do the focusing for the reader — so their attention is spent on the content, not on rediscovering it.
DomWhisper
Enable highlighter on
domwhisper.com
The practical upshot for designers is simple: respect the reader's limited bandwidth, and your interface will win in the long run.
M
maya
Exactly — clutter is what loses readers first
L
liam
Less really is more when it comes to interfaces 👏
S
sofia
This is why I cut half my components this week
N
noah
Simple interfaces win every time
A
ava
Agreed — respect the reader's bandwidth 🙌
GLOBAL DISCUSSION

Stay at the exact text — feel the real thoughts of the web

Whisper on any node and instantly spark a discussion with readers worldwide

World Map
The hydration mismatch usually happens when SSR output differs from client.
Need to investigate the performance bottleneck here.
Fixed the z-index overlap issue on mobile! 🚀
Brilliant implementation of the observer pattern here.
Love how they handled progressive enhancement! ✨
이 컴포넌트의 상태 관리는 어떻게 되나요?
코드 리뷰 요청드립니다 🙏
このライブラリのドキュメントが分かりにくい。
TypeScriptの型エラーはここで解消できる。
パフォーマンス最適化の余地あり 🔥
Die neue API-Dokumentation ist sehr hilfreich.
Datenschutz ist hier besonders wichtig! 🛡️
Open-Source-Beiträge sind der Schlüssel zum Erfolg.
Das Design ist sehr durchdacht und benutzerfreundlich.
The comment section is surprisingly civil today 🕊️
Brilliant implementation of the observer pattern here.
This article needs a fact-check, sources are outdated.
The accessibility markup could be improved significantly.
Love how they handled progressive enhancement! ✨
Worth comparing with the MDN docs for accuracy.