Bible Gateway · Direct web capture

A footnote preview inside the passage

Activating the lettered note beside John 1:5 exposes an alternative reading in a small popover while the passage remains visible. A separate study area is also present.

A footnote preview inside the passage
Bible Gateway · interface and imagery remain the rights holders’ property. Direct web capture.

Design takeaway

Use a brief anchored preview for short edition notes. Longer notes may need a sheet or panel; keep edition notes distinct from commentary.

What this example establishes

Activating the lettered note beside John 1:5 exposes an alternative reading in a small popover while the passage remains visible. A separate study area is also present.

Limits and further verification

The short note was opened while signed out. Keyboard focus, dismissal, narrow screens and longer note behaviour were not tested. Scripture shown: NIV, copyright Biblica, Inc.; commentary and interface retain their respective rights.

Provenance

Platform
Desktop web
Image origin
Direct web capture
Source or capture date
5 October 2026
Reviewed
5 October 2026
Version
Web interface observed on the capture date

Original publisher or app source ↗

Compare the relevant patterns

03 · Reading and Scripture

Footnotes without losing place

Inspect a note and return to the exact reading anchor.

Research-informed design proposal
30 · Study and annotations

Preview before deep study

Reveal relevant information from a passage without replacing the reader.

Research-informed design proposal
06 · Reading and Scripture

Content layers have owners

Separate publisher content, private annotations and internal editorial records.

Research-informed design proposal